@import url("./header.css");
@import url("./hero.css");
@import url("./benefits.css");
@import url("./ingredients.css");
@import url("./how.css");
@import url("./review.css");
@import url("./footer.css");
@import url("./modal.css");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --main-color: #fd9222;
}

* {
  box-sizing: border-box;
}

html {
  font-family: "Montserrat", sans-serif;
}

body {
  font-family: "Montserrat", sans-serif;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  background-color: #fafafa;
}

button,
a,
p,
span,
input {
  font-family: "Montserrat", sans-serif;
}

.section-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -3%;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

.section-title span {
  color: var(--main-color);
}

@media (min-width: 768px) {
  .section-title {
    font-size: 24px;
  }
}