@import "https://cdn.jsdelivr.net/npm/bulma@1.0.4/css/bulma.min.css";

:root {
  /* CSS Variables */
  --bulma-navbar-height: 3.75rem;
}

@media (prefers-color-scheme: light) {
  :root {
    /* CSS Variables */
    --bulma-body-background-color: #f3faff;
  }
}

.stoke-light {
  font-family: "Stoke", serif;
  font-weight: 300;
  font-style: normal;
}

.stoke-regular {
  font-family: "Stoke", serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-family: "Stoke", serif;
  font-weight: 400;
  font-style: normal;
}

h2 {
  font-family: "Stoke", serif;
  font-weight: 300;
  font-style: normal;
}


.hero-body {
  padding-top: 1rem;
  padding-bottom: 1.75rem;
}

.footer {
  padding: 1.5rem 1rem;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 500,
  'GRAD' 0,
  'opsz' 40;
}

@media screen and (min-width: 768px) {
  body {
    padding-top: calc(3.25rem + 20px);
  }

  .navbar {
    padding: 10px 0;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .hero.is-fullheight {
    min-height: calc(100vh - 6.5rem - 40px);
  }
}