* {
    background-color: #f0ead6;
    /* background-color: #d9d9d9; */
}
body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #333333;
  font-weight: 500;
}

.wrapper {
  width: 90%;
  margin: auto;
}

.primary-text {
  font-weight: 500;
  font-size: 32px;
}

.recipe-title {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

.title-line {
  width: 100%;
  height: 3px;
  background-color: #3b7a57;
  margin-bottom: 50px;
  border-radius: 100%;
}

.seperate-line {
  width: 50%;
  height: 3px;
  margin: auto;
  background-color: #3b7a57;
  margin-bottom: 50px;
  margin-top: 50px;
  border-radius: 100%;
}

.first-section {
  display: flex;
  gap: 30px;

  ul {
    list-style-position: inside;
    label {
      line-height: 50px;
    }
  }

  li {
    line-height: 40px;
  }

  img {
    height: 600px;
    width: auto;
    border-radius: 20px;
  }
}

.second-section {
  display: flex;
  gap: 30px;

  ol {
    width: 80%;
    list-style-position: outside;

    label {
      margin-bottom: 50px;
    }
  }

  li {
    width: 90%;
    line-height: 40px;
  }

  img {
    height: 700px;
    width: auto;
    border-radius: 20px;
  }
}

.third-section {
  margin-top: 100px;

  p{
    width: 70%;
    margin: auto;
    margin-bottom: 50px;
  }

  table {
    width: 40%;
    border-collapse: collapse;
    margin: auto;
    margin-bottom: 100px;
    font-size: 1rem;
    text-align: left;
  }

  th,td {
    padding: 0.75rem 1rem;
    text-align: center;
  }
  td:not(:last-child),th:not(:last-child) {
    border-right: 1px solid #b2b2b2;
  }
}