:root {
  --black: rgb(33, 34, 44);
  --grey: rgb(65, 69, 88);
  --white: rgb(248, 248, 242);
  --cyan: rgb(128, 255, 234);
  --green: rgb(138, 255, 128);
  --orange: rgb(255, 202, 128);
  --pink: rgb(255, 128, 191);
  --purple: rgb(149, 128, 255);
  --red: rgb(255, 149, 128);
  --yellow: rgb(255, 255, 128);
}

:root {
  --disabled: rgb(108, 115, 147);
  --glowColor: rgba(255, 255, 255, 0.25);
  --blackSecondary: rgb(65, 69, 88);
  --blackTernary: rgb(167, 171, 190);
  --blackLight: rgba(33, 34, 44, 0.05);
  --greySecondary: rgb(98, 103, 132);
  --greyTernary: rgb(182, 185, 201);
  --greyLight: rgba(65, 69, 88, 0.05);
  --whiteSecondary: rgb(255, 255, 255);
  --whiteLight: rgba(248, 248, 242, 0.05);
  --cyanSecondary: rgb(204, 255, 246);
  --cyanLight: rgba(128, 255, 234, 0.05);
  --cyan-transparent: rgba(128, 255, 234, 0.1);
  --cyan-100: rgba(128, 255, 234, 0.1);
  --cyan-200: rgba(128, 255, 234, 0.2);
  --cyan-300: rgba(128, 255, 234, 0.3);
  --cyan-400: rgba(128, 255, 234, 0.4);
  --cyan-500: rgba(128, 255, 234, 0.5);
  --cyan-600: rgba(128, 255, 234, 0.6);
  --cyan-700: rgba(128, 255, 234, 0.7);
  --cyan-800: rgba(128, 255, 234, 0.8);
  --cyan-900: rgba(128, 255, 234, 0.9);
  --greenSecondary: rgb(208, 255, 204);
  --greenLight: rgba(138, 255, 128, 0.05);
  --green-transparent: rgba(138, 255, 128, 0.1);
  --green-100: rgba(138, 255, 128, 0.1);
  --green-200: rgba(138, 255, 128, 0.2);
  --green-300: rgba(138, 255, 128, 0.3);
  --green-400: rgba(138, 255, 128, 0.4);
  --green-500: rgba(138, 255, 128, 0.5);
  --green-600: rgba(138, 255, 128, 0.6);
  --green-700: rgba(138, 255, 128, 0.7);
  --green-800: rgba(138, 255, 128, 0.8);
  --green-900: rgba(138, 255, 128, 0.9);
  --orangeSecondary: rgb(255, 234, 204);
  --orangeLight: rgba(255, 202, 128, 0.05);
  --orange-transparent: rgba(255, 202, 128, 0.1);
  --orange-100: rgba(255, 202, 128, 0.1);
  --orange-200: rgba(255, 202, 128, 0.2);
  --orange-300: rgba(255, 202, 128, 0.3);
  --orange-400: rgba(255, 202, 128, 0.4);
  --orange-500: rgba(255, 202, 128, 0.5);
  --orange-600: rgba(255, 202, 128, 0.6);
  --orange-700: rgba(255, 202, 128, 0.7);
  --orange-800: rgba(255, 202, 128, 0.8);
  --orange-900: rgba(255, 202, 128, 0.9);
  --pinkSecondary: rgb(255, 204, 230);
  --pinkLight: rgba(255, 128, 191, 0.05);
  --pink-transparent: rgba(255, 128, 191, 0.1);
  --pink-100: rgba(255, 128, 191, 0.1);
  --pink-200: rgba(255, 128, 191, 0.2);
  --pink-300: rgba(255, 128, 191, 0.3);
  --pink-400: rgba(255, 128, 191, 0.4);
  --pink-500: rgba(255, 128, 191, 0.5);
  --pink-600: rgba(255, 128, 191, 0.6);
  --pink-700: rgba(255, 128, 191, 0.7);
  --pink-800: rgba(255, 128, 191, 0.8);
  --pink-900: rgba(255, 128, 191, 0.9);
  --purpleSecondary: rgb(212, 204, 255);
  --purpleLight: rgba(149, 128, 255, 0.05);
  --purple-transparent: rgba(149, 128, 255, 0.1);
  --purple-100: rgba(149, 128, 255, 0.1);
  --purple-200: rgba(149, 128, 255, 0.2);
  --purple-300: rgba(149, 128, 255, 0.3);
  --purple-400: rgba(149, 128, 255, 0.4);
  --purple-500: rgba(149, 128, 255, 0.5);
  --purple-600: rgba(149, 128, 255, 0.6);
  --purple-700: rgba(149, 128, 255, 0.7);
  --purple-800: rgba(149, 128, 255, 0.8);
  --purple-900: rgba(149, 128, 255, 0.9);
  --redSecondary: rgb(255, 212, 204);
  --redLight: rgba(255, 149, 128, 0.05);
  --red-transparent: rgba(255, 149, 128, 0.1);
  --red-100: rgba(255, 149, 128, 0.1);
  --red-200: rgba(255, 149, 128, 0.2);
  --red-300: rgba(255, 149, 128, 0.3);
  --red-400: rgba(255, 149, 128, 0.4);
  --red-500: rgba(255, 149, 128, 0.5);
  --red-600: rgba(255, 149, 128, 0.6);
  --red-700: rgba(255, 149, 128, 0.7);
  --red-800: rgba(255, 149, 128, 0.8);
  --red-900: rgba(255, 149, 128, 0.9);
  --yellowSecondary: rgb(255, 255, 204);
  --yellowLight: rgba(255, 255, 128, 0.05);
  --yellow-transparent: rgba(255, 255, 128, 0.1);
  --yellow-100: rgba(255, 255, 128, 0.1);
  --yellow-200: rgba(255, 255, 128, 0.2);
  --yellow-300: rgba(255, 255, 128, 0.3);
  --yellow-400: rgba(255, 255, 128, 0.4);
  --yellow-500: rgba(255, 255, 128, 0.5);
  --yellow-600: rgba(255, 255, 128, 0.6);
  --yellow-700: rgba(255, 255, 128, 0.7);
  --yellow-800: rgba(255, 255, 128, 0.8);
  --yellow-900: rgba(255, 255, 128, 0.9);
}

body {
  background-color: var(--black);
  color: var(--white);
}

main>section {
  display: flex;
  justify-content: center;
  min-height: 100%;
}

#links {
  display: flex;
  justify-content: space-evenly;
}

.link-item a img {
  transition: all 250ms ease-in-out;
  border-radius: 1rem;
  padding: 0.25rem;
}

.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.blur {
  /* Add the blur effect */
  filter: blur(4px);
  -webkit-filter: blur(4px);
}

a:hover>img {
  background-color: var(--purple-400);
  transform: scale(1.2);
}