/* TABLET VE TELEFON AYARLARI */


@media(max-width:900px){


    header{

        flex-direction:column;

        gap:20px;

    }


    nav{

        display:flex;

        flex-wrap:wrap;

        justify-content:center;

    }


    .hero h1{

        font-size:40px;

    }


    .features{

        flex-direction:column;

        align-items:center;

    }


    .lesson-container{

        flex-direction:column;

        align-items:center;

    }


}

@media (max-width:768px){

    header{
        flex-direction:column;
        gap:15px;
        padding:20px;
    }

    .logo{
        font-size:24px;
    }

    nav{
        width:100%;
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
        gap:10px;
    }

    .hero-content{
        padding:30px 20px;
        text-align:center;
    }

    .hero-content h1{
        font-size:32px;
    }

    .hero-content p{
        font-size:18px;
    }

}

@media(max-width:768px){

    .units-container,
    .vocabulary-container,
    .cards-container{
        grid-template-columns:1fr;
    }

}

img{
    max-width:100%;
    height:auto;
}

body{
    overflow-x:hidden;
}

@media(max-width:768px){

button{
    max-width:100%;
}

}

@media(max-width:768px){

.footer-container{
    flex-direction:column;
    text-align:center;
}

}

@media(max-width:768px){

.profile-card{
    width:90%;
}

.stats-container{
    grid-template-columns:1fr;
}

}