@font-face {
  font-family: YoungSerif-Regular;
  src: url(assets/fonts/young-serif/YoungSerif-Regular.ttf);
}

@font-face {
  font-family: Outfit-Regular;
  src: url(assets/fonts/outfit/static/Outfit-Regular.ttf);
}

* {
  padding: 0%;
  margin: 0%;
  box-sizing: border-box;
}

body {
  background-color: #f3e5d8;
  padding: 6% 10%;
  color: #6c6c6c !important;
  font-family: Outfit-Regular !important;
  display: flex;
  justify-content: center;
}

section {
  padding: 20px 15px;
}

section h3 {
  font-size: 24px;
  color: hsl(14, 45%, 36%);
  margin: 10px 0;
}

.bordt {
  border-top: 1px solid #d8d8d8;
}

.ys-reg {
  font-family: YoungSerif-Regular !important;
}

.content-wrapper {
  background-color: #fff;
  border-radius: 20px;
  max-width: 750px;
  padding: 20px 30px;
}

#intro {
  width: 100%;
}
#intro img {
  width: 100%;
  border-radius: 20px;
  padding: 15px 0;
}

#intro h1 {
  font-size: 34px;
  margin: 15px 0;
  color: hsl(24, 5%, 18%);
  /* font-weight: 600; */
}
.prep-wrapp {
  background-color: hsl(330, 100%, 98%);
  padding: 25px 25px;
  border-radius: 20px;
}

.prep-wrapp h5 {
  color: hsl(332, 51%, 32%);
  font-weight: 600;
}

li {
  line-height: 32px;
  padding-left: 20px;
}

::marker {
  color: hsl(14, 45%, 36%);
  font-weight: 600;
}

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




th {
  font-weight: 100;
  padding-left: 25px !important;
}

td {
  font-weight: 600;
  padding-left: 25px !important;
  color: hsl(332, 51%, 32%);
}

@media only screen and (max-width: 768px) {
  body {
    padding: 0;
  }

  .container {
    padding: 0;
  }
  .content-wrapper {
    padding: 0;
    border-radius: 0px;
  }
  .prep-wrapp {
    padding: 25px 15px;
  }
}