@font-face {
  font-family: "Inter";
  src: url("../assets/font/Inter/Inter-Italic-VariableFont_opsz\,wght.ttf")
    format("truetype");
  font-display: swap; /* Improves perceived performance */
}

:root {
  --dark: #0a2526;
  --white: #fff;
  --yellow: #ffc465;
  --muted: #999;
  --card-overlay: rgba(0, 0, 0, 0.6);
  --nav-bg: rgba(16, 17, 23, 0.3);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  align-content: center;
  font-family: "Inter";
  color: var(--white);
  min-height: 100vh;
  overflow-x: hidden;
  border-radius: 894px;
  background: radial-gradient(
    50vh 50vw at top 50vh left 50vw,
    #115355 0%,
    rgba(17, 83, 85, 0) 100%
  ), var(--dark);
}
img {
  display: block;
  margin: auto;
  width: 50%;
}

h1 {
  text-align: center;
  font-size: 5vw;
}