/* VARIABLES */
:root {
  --navy-950: #020817;
  --navy-900: #04142d;
  --navy-850: #061a40;
  --navy-800: #082452;

  --blue-700: #075bc7;
  --blue-600: #0878e8;
  --blue-500: #1597ff;
  --blue-400: #42b5ff;

  --white: #ffffff;
  --text-soft: #c8dcf5;
  --border: rgba(91, 181, 255, 0.22);
  --card: rgba(7, 31, 70, 0.72);
  --shadow: 0 15px 45px rgba(0, 0, 0, 0.28);
}

/* RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding-bottom: 95px;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(20, 132, 255, 0.22),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #061a40 0%,
      #04142d 48%,
      #020817 100%
    );
  background-attachment: fixed;
  color: var(--white);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.75;
  min-height: 100vh;
}

a {
  color: inherit;
}

img {
  max-width: 100%;
  height: auto;
}