/* Imports */
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");

:root {
  /* Color Declarations */
  --col-dark: #374151;
  --col-darker: #1f2937;
  --col-darkest: #111827;

  --col-primary: #eee;

  --col-accent-1-light: #5f98e3;
  --col-accent-1-dark: #275fa9;

  --col-accent-2-light: #4add60;
  --col-accent-2-dark: #229e35;

  /* Globally Applied Rules */
  font-family: "Inter", sans-serif;

  background: linear-gradient(var(--col-darker), var(--col-darkest));
  min-height: 100vh;
  color: var(--col-primary);
  cursor: none4;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

@media only screen and (max-width: 700px) {
  body {
    background: linear-gradient(var(--col-darker), var(--col-darkest));
    text-align: center;
  }
}

a {
  color: var(--col-accent-1-dark);
  text-decoration: none;
  font-weight: bold;
}