@import url("https://fonts.googleapis.com/css?family=Inter:700");

:root {
  interpolate-size: allow-keywords;
  --theme-color-navy: #00003D;

  --amber: #ffc30033;
  --black: #000000;
  --black-2: #000000b2;
  --bubble-gum: #ffaef9b2;
  --cyan--aqua: #00e5ffb2;
  --cyan--aqua-2: #00e5ff33;
  --magenta--fuchsia: #ff00ee33;
  --razzle-dazzle-rose: #ff33e3b2;
  --selective-yellow: #ffbb00b2;
  --supernova: #ffcc00b2;
  --white: #ffffff;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

    h1, h2, h3, h4 {
      font-size: 1.3em;
      padding: 0;
      margin: 0;
    }


    p {
      font-size: 0.8em;
      padding: 0;
      margin: 0;
    }

    ul {
      font-size: 0.8em;
      padding: 0;
      margin: 0;
    }

    uo {
      font-size: 0.8em;
      padding: 0;
      margin: 0;
    }

        blockquote {
      font-size: 0.8em;
      line-height: 1.2em;
      padding: 0;
      margin: 0;
    }


.fit-container {
  object-fit: contain;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.blur {
  filter: blur(2px);
}