@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: 1em;
  padding: 0;
  margin: 0;
}

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

ol {
  font-size: 1em;
  padding: 0;
  margin: 0;
}

blockquote {
  font-size: 1em;
  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);
}

/* Animation Effects */
@keyframes blink {
  0%,
  100% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.7;
  }
}

.blinking {
  animation: blink 1s infinite;
}