@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');

*{
    overflow-x: hidden;
}

body{
    background-color: #1A1A21;
    color: #FFF;
    font-family: 'Secular One', sans-serif;
}

h1{
    overflow-y: hidden;
}

.container h3{
    margin-bottom: 1rem;
    overflow-y: hidden;
}
.container img{
    width: 30em;
}

@media screen and (max-width:480px) and (min-width:320px){
    /*Celular*/
    .container img{
        width: 20em;
    }
}

@media screen and (min-width:481px) and (max-width:1200px){
    /*Tablet*/
    .container img{
        width: 25em;
    }
}