@import url("https://fonts.googleapis.com/css2?family=Ranchers&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ranchers&family=Righteous&display=swap");
body {
  overflow-x: hidden;
}
body .main {
  overflow: hidden;
  width: 100%;
  margin: 0px auto;
}
body .main .pageHead {
  position: fixed;
  width: 100%;
}
body .main .pageHead .logo img {
  width: 70px;
  height: 70px;
}
body .main .pageHead .burger .link img {
  max-width: 60px;
  max-height: 60px;
}
body .main .milk {
  width: 100%;
  overflow: hidden;
}
body .main .milk section {
  width: 100%;
  height: 100vh;
  color: #f4f6f7;
}
body .main .milk section div .topText p {
  font-size: 8rem;
  font-family: "Righteous", sans-serif;
  -webkit-text-stroke: 3px white;
  opacity: 1;
  transform: translate(50px);
}
@media (max-width: 768px) {
  body .main .milk section div .topText p {
    font-size: 40px;
    -webkit-text-stroke: 2px white;
    transform: translate(50px);
  }
}
@media (max-width: 576px) {
  body .main .milk section div .topText p {
    font-size: 30px;
    -webkit-text-stroke: 1px white;
    transform: translate(50px);
  }
}
body .main .milk section div .img {
  overflow: visible;
}
body .main .milk section div .img img {
  width: 510px;
  height: 360px;
}
@media (max-width: 768px) {
  body .main .milk section div .img img {
    width: 30%;
    height: 60%;
  }
}
@media (max-width: 576px) {
  body .main .milk section div .img img {
    width: 70%;
    height: 100%;
  }
}
body .main .milk section div .botText p {
  font-size: 8rem;
  font-family: "Righteous", sans-serif;
  opacity: 1;
  transform: translate(-60px);
}
@media (max-width: 768px) {
  body .main .milk section div .botText p {
    font-size: 40px;
    transform: translate(-50px);
  }
}
@media (max-width: 576px) {
  body .main .milk section div .botText p {
    font-size: 30px;
    transform: translate(-50px);
  }
}
body .main .milk .sec-0 {
  background-color: #8e7745;
}
body .main .milk .sec-0 div .topText p {
  color: #8e7745;
}
body .main .milk .sec-1 {
  background-color: #c0bf87;
}
body .main .milk .sec-1 div .topText p {
  color: #c0bf87;
}
body .main .milk .sec-2 {
  background-color: #a18c21;
}
body .main .milk .sec-2 div .topText p {
  color: #a18c21;
}
body .main .milk .sec-3 {
  background-color: #ca9529;
}
body .main .milk .sec-3 div .topText p {
  color: #ca9529;
}
body .main .milk .sec-4 {
  background-color: #8a8a8c;
}
body .main .milk .sec-4 div .topText p {
  color: #8a8a8c;
}
body .main .milk .sec-5 {
  background-color: #ce9b69;
}
body .main .milk .sec-5 div .topText p {
  color: #ce9b69;
}
body .main .milk .sec-6 {
  background-color: #8b793f;
}
body .main .milk .sec-6 div .topText p {
  color: #8b793f;
}

body .main .milk .sec-7 {
  background-color: #D5830E;
}
body .main .milk .sec-7 div .topText p {
  color: #D5830E;
}
body .main .milk .sec-8 {
  background-color: #714417;
}
body .main .milk .sec-8 div .topText p {
  color: #714417;
} /*# sourceMappingURL=sweets.css.map */