@import url('https://fonts.googleapis.com/css2?family=Young+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Young+Serif&display=swap');


* {
 border: 0;
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
html{
    background-color:  hsl(30, 54%, 90%);
}
body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.container {
    max-width: 700px;
    background-color: white;
    padding: 2rem;
    margin-top: 5rem;
    border-radius: 1.5rem;
    font-family: "outfit";
    font-size: 1rem;
    color: hsl(30, 10%, 34%) ;
    margin-bottom: 2rem;
}
img {
    width: 100%;
    border-radius: 1.5rem;
    margin-bottom: 1.5rem;
}
 h1, h3, h4, h5{
    font-family: "Young serif", serif;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}
h1{
font-size: 2rem;
    color: hsl(24, 5%, 18%);
    font-weight: 500;
}
ul, ol, li, p {
    margin-bottom: 0.5rem;
}
ul, ol, p {
    margin-bottom: 1.5rem;
    }
.preparation-container {
    background-color: hsla(332, 51%, 32%, 0.050);
    padding: 1rem;
    border-radius: 0.5rem;
  }
.preparation-title {
    color: hsl(332, 54%, 29%);
    margin-bottom: 1rem;
}
.preparation-container ul{
    margin-left: 20px;
}
.preparation-list, .ingredient-list, .instru-list {
    padding-left: 2rem;
}
.preparation-list li::marker {
      color: hsl(332, 54%, 29%) ;
}
h3, h4, h5 {
    color:  hsl(14, 45%, 36%);
    font-weight: 500;
}
.instru-list li::marker {
    color:hsl(14, 45%, 36%) ;
}
.instru-list strong {
    color: rgba(0, 0, 0, 0.818);
}
hr{
    border-top: 1px solid rgba(0, 0, 0, 0.53);
    margin-bottom: 1rem;
}
.nutri-list li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    width: 40%;
}
.nutri-list strong {
    color: hsl(14, 45%, 36%);
}