@font-face {
  font-family: 'Editorial New';
  src: url('/fonts/editorial-regular.otf') format('opentype');
  font-style: normal;
}

:root {
  --blue-color: #0000ff;
  --active-blue-color: #3131ff;
  --light-blue: #7facf5;
  --black-color: black;
  --gray-color: #5c5e62;
  --light-gray-color: rgb(113, 118, 123);
  --gray-border-color: rgb(213, 213, 213);
  --input-field-color: #f4f4f4;
  --red-color: #d92d20;
  --border-radius: 4px;
  --input-label-font-size: 15px;
  --small-body-font-size: 14px;
  --regular-body-font-size: 16px;
  --medium-body-font-size: 17px;
  --heading1-body-font-size: 25px;
  --heading2-body-font-size: 28px;
  --heading3-body-font-size: 30px;
  --largest-heading-font-size: 50px;
  --error-message-font-size: 12.5px;

  /* Font weights */
  --font_weight_regular: 400;
  --font_weight_medium: 500;
  --font_weight_semibold: 600;
  --font_weight_bold: 700;

  /* Colors */
  --color_black: #000000;
  --color_white: #ffffff;
  --color_gray: #5c5e62;
  --color_light_gray: #f4f4f4;
  --color_dark_gray: #333333;
  --color_red: #d92d20;
  --color_blue: #0052ff;
  --color_active_blue: #3131ff;
  --color_light_blue: #7facf5;
  --color_gold: #885f00;
  --color_navy_blue: #1c263f;

  /* Font families */
  --terfens: 'terfens', sans-serif;
  --neulis_cursive: 'neulis-cursive', sans-serif;
  --neulis_neue: 'neulis-neue', sans-serif;
  --editorial_new: 'Editorial New', sans-serif;
  --ivypresto_display: 'ivypresto-display', sans-serif;
  --gelica: 'gelica', sans-serif;
  --rethink_sans: 'Rethink Sans', sans-serif;
  --abeezee: 'ABeeZee', sans-serif;
  --ofelia_display: 'ofelia-display', sans-serif;
  --rotunda_variable: 'rotunda-variable', sans-serif;
  --dm_sans: 'DM Sans', sans-serif;
}

/* font-family: "rotunda-variable", sans-serif;
font-variation-settings: "wght" 400; */

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

body {
  background: var(--color_white);
  color: var(--color_black);
  overflow-x: hidden;
  font-size: 1em;
}

::-webkit-scrollbar {
  width: 10px;
}

h1 {
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--abeezee);
}

h2 {
  font-size: 2.5rem;
  line-height: 1.3;
  font-family: var(--rethink_sans);
}

p {
  font-size: 1rem;
  line-height: 1.45;
  font-family: var(--neulis_neue);
  opacity: 0.7;
}

a {
  color: #004329;
  /* color: var(--color_gold); */
  /* text-decoration: none; */
}

.intro {
  padding: 3rem 2rem 2rem 2rem;
  max-width: 31em;
}

.intro .title {
  padding-bottom: 1.5rem;
  line-height: 1.2;
  font-family: var(--dm_sans);
  font-weight: var(--font_weight_semibold);
}

/* Footer styles */
footer {
  padding: 1.5rem;
  margin-top: auto;
}

.footer-links {
  display: flex;
  gap: 1.5rem;
  font-size: 0.875rem;
  font-family: var(--abeezee);
}

.footer-links a {
  color: inherit;
  text-decoration: none;
  color: var(--color_gray);
}

.footer-links a:hover {
  color: var(--color_black);
}

.footer-text p {
  font-size: 0.75rem;
  color: var(--color_gray);
  font-family: var(--abeezee);
  font-weight: var(--font_weight_regular);
}

.footer-text a {
  color: var(--color_gray);
}

.footer-text a:hover {
  color: var(--color_black);
}

@media screen and (max-width: 370px) {
  .intro {
    padding: 3rem 1rem 1rem 1.5rem;
    max-width: 31em;
  }

  h1 {
    font-size: 1.75rem;
  }
}