@font-face {
    font-family: "Inter";
    src: url("/fonts/Inter-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }
/*   @font-face {
    font-family: "Inter";
    src: url("/assets/fonts/Inter-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
  } */
  @font-face {
    font-family: "Michroma";
    src: url("/fonts/Michroma-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
  }

div {
    padding-bottom: 1em;
}

  .unavail {
    color: #F59374;
    font-family: "Inter", sans-serif;
    margin: 2em;
  }
  
  .greyimg {
    width: 100%;
    height: 200px;
    object-fit: cover;
    filter: grayscale(100%);
    color: rgba(1, 1, 1, 0.5);
    object-position: 100% 40%;
    opacity: 85%;
  }
  
  .tiny {
    font-size: x-small;
    margin-inline: 3em;
  }
  
  .splitimg {
    width: 100%;
    height: 650px;
    object-fit: cover;
    color: rgba(1, 1, 1, 0.5);
    object-position: 100% 52%;
    opacity: 85%;
  }
  
  h1, h2 {
    font-family: "Michroma", "Inter", sans-serif;
    margin: 1em;
  }
  
  p {
    color: #def;
    font-family: "Inter", sans-serif;
    margin: 2em;
    margin-bottom: 2em;

  }
  
  hr {
    border: none;
    border-top: 3px solid #def;
    color: #def;
  }
  
  .bigmomma {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .blue {
    background-color: #134083;
  }
  
  .blue h1, .blue h2 {
    color: #48CFF7;
  }
  
  .blue a {
    color: #48CFF7;
  }
  
  .green {
    background-color: #00584f;
  }
  
  .green h1, .green h2 {
    color: #d7f6cf;
  }
  
  .green a {
    color: #d7f6cf;
  }
  
  .red {
    background-color: #831313;
    flex: 1;
  }
  
  .red h1, .red h2 {
    color: #F59374;
  }
  
  .red a {
    color: #F59374;
  }
  
  html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }