html {
  scroll-behavior: smooth;
}

h1 {
  font-family: "Caveat", cursive;
}

h3 {
  font-family: "Amatic SC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

p,
a {
  font-family: "Nanum Gothic Coding", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

#emerald-light {
  color: var(--emerald);
}

:root {
  --navy-blue-light: #2d719f;
  --navy-blue: #22577A;
  /*filter: brightness(0) saturate(100%) invert(29%) sepia(50%) saturate(620%) hue-rotate(161deg) brightness(93%) contrast(95%); */

  --background: #000000;
  --offwhite: #DEE1E3;
  /*filter: invert(100%) sepia(1%) saturate(4960%) hue-rotate(173deg) brightness(89%) contrast(101%); */

  --emerald-light: #57CC99;
  /*filter: brightness(0) saturate(100%) invert(55%) sepia(4%) saturate(6920%) hue-rotate(132deg) brightness(101%) contrast(83%);*/
  --emerald: #38A3A5;
  /* filter: invert(55%) sepia(73%) saturate(1298%) hue-rotate(339deg) brightness(101%) contrast(102%); */

  --dark-blue: #041F2A;
}

::-webkit-scrollbar {
  position: fixed;
  width: 16px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

.section_header h1 {
  font-size: 4rem;
  font-weight: 900;
  font-style: normal;
  text-decoration: underline;

  position: relative;
  margin: 0px;
  margin-top: -2rem;
  width: max-content;
  padding-top: 5rem;

}

footer {
  margin-top: 5vh;
  padding: 2vh 0vh;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

footer p {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  color: var(--emerald-light);
  font-size: 1.25rem;
}

footer .row {
  display: flex;
  flex-direction: row;
}

footer .row p {
  padding: 0 2vw;
  margin: 0;
}

@media (max-width: 1200px) {
  footer p {
    font-size: 1.75rem;
  }

  .section_header h1 {
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

}