*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
img{
  display: block;
  width: 100%;
}

.attribution {
  font-size: 11px;
  text-align: center;
}

.attribution a {
  color: hsl(228, 45%, 44%);
}

body {
  background-color: hsl(30, 54%, 90%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

main {
  background-color: hsl(330, 100%, 98%);
  width: 100%;
  max-width: 40em;
}
p{
  line-height: 1.5;
  padding-top: 1em;
}

article{
  padding: 2em;
}
.Preparation-time {
  background-color: hsl(330, 100%, 96%);
  padding: 0.8em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  border-radius: 0.5em;
  width: 100%;
  
}
.Preparation-time h3 {
  color: hsl(332, 51%, 32%);
 margin-left: 0.5em;
}
.Preparation-time ul {
  padding-left: 1.5em;
  
}

.Preparation-time li {
  padding: 0.2em;
}
.Preparation-time li::marker {
  color: hsl(332, 51%, 32%);
}

.Ingredients h2 {
  color: hsl(332, 51%, 32%);
}

.Ingredients li {
  padding: 0.3em;
}

.Ingredients ul {
  padding-left: 1.5em;
}

.Ingredients li::marker {
  color: hsl(332, 51%, 32%);
}

.Instructions h2 {
  color: hsl(332, 51%, 32%);
}

.Instructions ol {
  padding-left: 1.5em;
}

.Instructions ol > li::marker {
  color: hsl(332, 51%, 32%);
}

.Instructions ol > li {
  padding: 0.4em;
  line-height: 1.3em;
}


.nutrition-section{
  margin-top: 1em;
}
.nutrition-section h3 {
  color: hsl(332, 51%, 32%);
  padding-bottom: 1em;
}

.nutrition-table {
  margin-top: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  line-height: 1.5em;
}

.nutrition-table .right {
  color: hsl(332, 51%, 32%);
  font-weight: bold;
  border-bottom: 1px solid black;
}

.nutrition-table .left {
  font-weight: bold;
  border-bottom: 1px solid black;
}

@media (min-width: 780px) {
  body {
    background-color: none;
  }
main{
  border-radius: 1.5em;
  margin-top: 2em;
 padding: 1.5em;
}
img{
  border-radius: 1.5em;
}

  
}/*# sourceMappingURL=style.css.map */