body{
padding: 0;
margin: 6rem 0;
font-family: "Outfit", sans-serif;
font-weight: 300;
font-size: 14px;
/* height: 100vh; */
display:flex;
justify-content: center;
align-items: center;
background: hsl(30, 54%, 90%);
box-sizing: border-box;
}
body h1,h2{
    font-family: "Young Serif", serif;
    font-weight: 400;
}

.rose800{
    color:hsl(332, 51%, 32%);
}
.recipe-page{
    background: hsl(0, 0%, 100%);
    width:35vw;
    /* height: 160vh; */
    border-radius: 20px;
    padding:40px;
}
.header img{
    width: 100%;
    height: 250px;
    border-radius: 10px;
}
.pink-section{
    padding:5px 15px 15px 15px;
    background:hsl(330, 100%, 98%)
}
h3{
    color:hsl(332, 51%, 32%);
}
ul{
    padding:0 1.25rem;
}
li{
    
    padding-left:15px;
    padding-bottom: 10px;
}
li::marker{
    /* text-decoration: dotted; */
    color:hsl(332, 51%, 32%);
    font-weight: 100;
}
.flex{
    display:flex column;
    justify-content: space-evenly;
}
span{
    font-weight: 600;
}
.num{
    list-style-type:decimal;
}
li::marker{
    font-weight: 700;
}
.value {
    width: 100%;
    border-collapse: collapse;
}

.row {
    display: grid;
    grid-template-columns: repeat(2,1fr);    padding:0 0 5px 2rem;
    border-bottom: 1px solid #ddd; /* Horizontal lines */
}
.row:last-child{
    border-bottom:none;
}
.right{
    font-weight: 700;
}
@media(max-width:500px){
    body{
        padding:0;
        margin:0;
    }
    .recipe-page{
        width:100%;
        padding:0;
    }
    .header h1{
        padding:0 1.75rem;
        font-size:2.2rem;
    }
    .recipe-page p{
        padding:0 1.75rem;     
    } 
    .pad{
        padding:1rem 1.75rem;
    }
    .row{
        grid-template-columns: repeat(2,.4fr);
        padding:0 0 0 1rem;
    }
    .Nutrition p{
        padding-left:0;
    }
}