@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
 /* font-family: 'Roboto', sans-serif; */

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

/* HEADER */
.header{
    width: 100%;
    background: black;
    box-shadow: 0 0 0.938rem black;
}

.navbar a{
    font-weight: 700;
    font-size: 1.188rem;
    color: #ed9893;
}

.navbar a:hover{
    color: #ffff;
}

.bg-body{
    --bs-bg-opacity: 0;
}

.offcanvas-body, .offcanvas-title, .offcanvas-header{
    background: black;
    color: #ed9893;
}

.btn-close{
    --bs-btn-close-bg: url();
    --bs-btn-close-opacity: 1;
}

h4 span{
    margin-left: 1.25rem;
}


/* MAIN */
body{
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
}


h1{
    text-align: center;
    margin-top: 1.875rem;
    font-size: 3.125rem;
    color: black;
    font-weight: 700;
}



/* FOOTER */
.footer__container{
    color: #ed9893;
    background: black;
    text-align: center;
    margin-top: 6.25rem;
    padding: 0.625rem 0 0.625rem 0;
    font-weight: 500;
    box-shadow: 0 0 0.938rem black;
}

.bi{
    margin: 0 1.875rem 0 1.875rem;
}


/* about us */

.main__about{
    max-width: 56.25rem;
    text-align: center;
    margin-top: 1.875rem;
    font-size: 1.8rem;
    color: black;
    font-weight: 700;
    text-align: justify;
    margin: 1.875rem auto 0 auto;
}


.main__products{
    max-width: 56.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 3.125rem auto 0 auto;
}

.product{
    width: 6.25rem;
    height: 6.25rem;
    margin: 0.313rem 0 3.125rem 0;
}

main img{
    width: 5rem;
    height: auto;
    padding: 0 0.625rem 0 0.625rem;
}