@import url('https://fonts.googleapis.com/css2?family=Nerko+One&display=swap');
font-family: 'Nerko One', cursive;



body{
    padding: 0rem;
    margin: 0rem;
    overflow: hidden;
    background: rgb(180, 211, 117);
}


h1{
    font-family: 'Nerko One', cursive;
    font-size: 1em;
    text-align: center;
    transform: translateX(-9px);

}
header{
    background-color: yellow;
}



.container{
    object-fit: contain;

 

}
.container img{
    height: 350px;
    width: 325px;
    padding: 0rem,2rem;
    margin: 0rem,3rem;
}



.box{
   text-align: center;
    background: linear-gradient(to right,rgb(131, 214, 30),rgb(52, 217, 20))
}

.box .text-areas{
    text-align: center;
}

#btn-translate{
    transform: translateX(-3rem);
}

.about{
    text-align: center;
    background-color:rgb(249, 252, 18); }

    .about h2,{
        text-decoration: underline;
    }

    footer{
        text-align: center;
        background: linear-gradient(to right,rgb(20, 184, 199),rgb(24, 132, 204));
    }

    footer ul{
        list-style-type: none;
        transform: translateX(-1.9rem);
    }
    footer ul li a{
        color: white;
    }

    footer .footer-header{
        color: white;
    }
    footer .area{
        color: white;
    }