/* style.css */

body {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: radial-gradient(circle, #003366, #000033);
  font-family: Arial, sans-serif;
  color: white;
  text-align: center;
}

h1 {
  font-size: 3rem;
  margin: 0;
  opacity: 0;
  transition: opacity 2s ease-in-out;
}

p {
  font-size: 1.5rem;
  margin-top: 0.5rem;
}
@font-face {
  font-family: 'Mont';
  src: url('./fonts/Mont-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Mont';
  src: url('./fonts/Mont-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
}

/* Example usage */
body {
  font-family: 'Mont', sans-serif;
  font-weight: 200; /* Extra Light */
}

h1 {
  font-weight: 900; /* Heavy */
}