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

:root {
  --font-size-base: 62.5%;
  --font-size-small: 40%;
  --font-size-medium: 50%;
  --font-size-medium-large: 56.5%;
  --font-size-large: 65%;
  --background-site: rgb(253, 186, 116);
  --background-progress: #fff0e7;
  --progress: #f8a74a;
}

body {
  /* font-family: "Montserrat", sans-serif; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Montserrat", sans-serif; */
}

p {
  font-family: Arial, Helvetica, sans-serif;
}

.navbar__dropbtn {
  /* font-family: "Montserrat", sans-serif; */
}

html {
  font-size: var(--font-size-base);
  overflow-x: hidden;
}

@media (min-width: 112.5em) {
  html {
    font-size: var(--font-size-large);
  }
}

@media (max-width: 90em) {
  html {
    font-size: var(--font-size-medium-large);
  }
}

@media (max-width: 64em) {
  html {
    font-size: var(--font-size-medium);
  }
}

@media (max-width: 37.4em) {
  html {
    font-size: var(--font-size-small);
  }
}

body {
  overflow: hidden;
  height: 100%;
}
/* .navbar{
  height: 6.8rem;
  width: 100%;
} */

a {
  text-decoration: none;
  color: white;
  cursor: pointer;
}

.button {
  padding: 1.5rem 3rem;
  margin-top: 1rem;
  color: white;
  border: none;
  border-radius: 1.2rem;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: fit-content;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;


}

.button--primary {
  background-color: #f79220;
}

.button--primary:hover {
  background-color: #d4791b;
  transform: scale(1.05);
}

.button--primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(247, 146, 32, 0.5);
}

@media (max-width: 64em) {
  .button {
    font-size: 1.8rem;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }
}



@media (max-width: 37.4em) {
  .button {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
  }
}