:root {
  --white: #fff;
  --black: #000;
  --blue-200: #1d71b8;
  --blue-500: #27348b;
  --orange-300: #ed6a0a;
  --yellow-500: #f8ad0b;
  --gray-600: #3a3a3a;
}

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

body {
  color: var(--white);
  -webkit-font-smoothing: antialiased;
}

body,
input,
textarea,
button {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.blur-overlay {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.intro-container {
  padding-top: 0.75rem;
  background-image: url("/assets/images/top-background.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

@media (max-width: 768px) {
  .intro-container {
    height: auto;
  }
}