html,
body {
  margin: 0;
  padding: 0;
  background-color: #0a122aff;
}

.wrapper {
  width: 100%;
}

.title {
  font-family: 'Staatliches', cursive;
  text-align: center;
  font-size: 60pt;
  margin-top: 30vh;
  color: #ef3054ff;
  cursor: default;
}

.links {
  font-family: 'Quicksand', sans-serif;
  font-size: 20pt;
  text-align: center;
}

.links a {
  color: #5171a5ff;
  text-decoration: none;
  margin-left: -30;
}

ul {
  list-style-type: none;
}

/* CSS HEX */
--cambridge-blue: #96c5b0ff;
--forest-green-traditional: #1e3f20ff;
--red-crayola: #ef3054ff;
--oxford-blue: #0a122aff;
--blue-yonder: #5171a5ff;

/* CSS HSL */
--cambridge-blue: hsla(153, 29%, 68%, 1);
--forest-green-traditional: hsla(124, 35%, 18%, 1);
--red-crayola: hsla(349, 86%, 56%, 1);
--oxford-blue: hsla(225, 62%, 10%, 1);
--blue-yonder: hsla(217, 34%, 48%, 1);

/* SCSS HEX */
$cambridge-blue: #96c5b0ff;
$forest-green-traditional: #1e3f20ff;
$red-crayola: #ef3054ff;
$oxford-blue: #0a122aff;
$blue-yonder: #5171a5ff;

/* SCSS HSL */
$cambridge-blue: hsla(153, 29%, 68%, 1);
$forest-green-traditional: hsla(124, 35%, 18%, 1);
$red-crayola: hsla(349, 86%, 56%, 1);
$oxford-blue: hsla(225, 62%, 10%, 1);
$blue-yonder: hsla(217, 34%, 48%, 1);

/* SCSS RGB */
$cambridge-blue: rgba(150, 197, 176, 1);
$forest-green-traditional: rgba(30, 63, 32, 1);
$red-crayola: rgba(239, 48, 84, 1);
$oxford-blue: rgba(10, 18, 42, 1);
$blue-yonder: rgba(81, 113, 165, 1);

/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-right: linear-gradient(90deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-bottom: linear-gradient(180deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-left: linear-gradient(270deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-top-right: linear-gradient(45deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-bottom-right: linear-gradient(135deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-top-left: linear-gradient(225deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-bottom-left: linear-gradient(315deg, #96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);
$gradient-radial: radial-gradient(#96c5b0ff, #1e3f20ff, #ef3054ff, #0a122aff, #5171a5ff);