@layer base {
  :root {
    --darkblue: #162b53;
    --blue: #004d93;
    --lightblue: #08b8ff;
    --green: #008a00;

    --sans: Arial, sans-serif;
    interpolate-size: allow-keywords;
  }

  body {
    font-family: var(--sans);
    color: black;
    background-color: var(--green);
  }

  main {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}