@import url('header.css');
@font-face {
    font-family: 'Keep-on-Truckin';
    src: url('fonts/KeeponTruckin.ttf') format('truetype');
}

.skills{
    width: 100%;
    height: auto;
    text-align: center;
    padding: 50px 0;
    align-items: center;
    background-color: #FFEFFA;
}

.skills-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.skills-container {
    display: flex;
    flex-wrap: wrap; /* Ensures images don't overflow */
    justify-content: center; /* Centers images */
    align-items: center; /* Align images vertically */
    gap: 15px; /* Space between images */
    max-width: 80vw; /* Prevents images from going off-screen */
    margin: 0 auto; /* Centers the container */
}

.skills h1 {
    font-family: 'Keep-on-Truckin', sans-serif;
    color: #8F5194;
    padding: 5% 0 2% 5%;
    text-align: center; /* Center of screen*/
    font-size: 3rem;
}


.skills img {

    width: 8vw; /* Adjust size as needed */
    height: auto;
    /* max-width: 100px; */
    display: inline-block;
    margin: 10px;
    padding-top: 5%;
}