@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Young+Serif&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Young+Serif&display=swap');


body{
    display: flex;
    background-color: rgb(254, 246, 231);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 10%;
}

.card{
    background-color: white;
    display: flex;
    flex-direction: column;
    width: 35%;
    text-align: start;
    border-radius: 15px;
    
}
.card p{
    opacity: 80%;
    font-size: 70%;
}
img{
    width: 80%;
    align-self: center;
    padding-top: 20px;
    border-radius: 20px;
}


.dara{
    align-items: start;
    justify-content: start;
    text-align: start;
    background-color: rgb(252, 249, 250);
}

table {
    width: 50%;
    
  }
  
  table td {
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
  }
  
  table td:last-child{
    font-weight: bold;
    color: #7b341e; 
  }
  
h1{
    font-size: 30px;
    font-weight: 50;
    font-family: 'Young Serif', serif;
    text-align: left;
}

h2{
    opacity: 50%;
    font-size: small;
    font-family: 'Outfit', sans-serif;
    
}

.nutri p{
    font-family: 'Outfit', sans-serif;
    opacity: 40%;
    font-size: medium;

}

.ife{
    font-family: 'Outfit', sans-serif;
}

.nutri h5{
    font-size: 30px;
}

.ife h4{
    font-size: 30px;
}

.anna h4{
    font-size: 20px;
}

.anna{
    font-family: 'Outfit', sans-serif;
}