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

.page-logo{
    height: 110px;
    width: 110px;
}

.nav-item:hover{
    box-shadow: 0px 1px 0 0px #e83a0d inset, 0px -1px 0 0px #e83a0d inset;
}

#box1{
    height: 35%;
    width: 35%;
}

#box2{
    height: 20%;
    width: 20%;
}

#box3{
    height: 35%;
    width: 35%;
}

#threePic{
    padding-top: 5%;
    text-align: center;
    animation: Fade;
    animation-duration: 3s;
}

@keyframes Fade{
    from {opacity: 0%;}
    to{opacity: 100%;}
}

.h1{
    font-family: 'Sansita Swashed', cursive;
}

#text{
    font-size: 20px;
    font-family: 'Mukta', sans-serif;
    padding-top: 50px;
    margin-left: 5%;
    margin-right: 5%;
}

.horizontalCard{
    padding-top: 120px !important;
}

.row{
    margin-right: 100px;
    margin-left: 100px;
    padding-top: 50px;
}

.card-text {
    color: #202b3a;
    font-family: 'Mukta', sans-serif;
}

#nutrition{
    height: 30%;
    width: 40%;
}

.d-flex{
    margin-right: 100px;
    margin-left: 100px;
    padding-top: 100px;
}

#nutritionText{
    color: #202b3a;
    font-family: 'Mukta', sans-serif;
    padding-left: 4%;
}

.mt-0{
    padding-left: 4%;
}