@font-face {
    font-family: customfont;
    src: url("fonts/Helvetica.ttf");
}

*{
    font-family: customfont;
    font-size: 18px;
    
    letter-spacing: 0.5px;
}
body{
    background-color: #F0F2F5;
}


#gallery{
    margin-top: 4rem;
}


.img_card{
    height: 40vh;
    border-radius: 20px;
}
.img_card>img{
    height: 100%;
    width: 100%;
}











/* --media query  */

@media only screen and (max-width: 576px) {
    .card{
        margin-left: 4rem;
        margin-right: 4rem;
    }
}

@media only screen and (max-width: 400px) {
    .card{
        margin: 2rem;
    }
}
@media only screen and (max-width: 350px) {
    .card{
        margin: 1rem;
    }
}
@media only screen and (max-width: 300px) {
    .card{
        margin: 0.5rem;
    }
}