:root{
    --margin-between-section: 4rem;
}


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

*{
    font-family: customfont;
    font-size: 18px;
    
    letter-spacing: 0.5px;
}

body{
    background-color: #F0F2F5;
}


#all_products{
    margin-top: var(--margin-between-section);
}


.products_image_div{
    height: 40vh;
    padding: 1rem;
}

.products_image_div>img{
    height: 100%;
    width: 100%;
}


.card{
    padding-bottom: 4rem;
}