* {
  box-sizing: border-box;
}

body {
  background-color: #212121;
  color: white;
  margin: 0;
  font-family: "Roboto Mono", monospace;
}

#header {
  background-color: black;
  padding: 1rem;
  font-size: xx-large;
  position: sticky;
  top: 0;
}

#header-text {
  background-image: linear-gradient(90deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(43, 200, 236, 0.6) 47%,
      rgba(21, 193, 233, 1) 50%,
      rgba(43, 200, 236, 0.6) 53%,
      rgba(255, 255, 255, 0.3) 100%);
  background-clip: text;
  background-size: 200% 200%;
  width: fit-content;
  -webkit-text-fill-color: transparent;
  animation: anim 15s infinite;
}

@keyframes anim {
  0% {
    background-position: left;
  }

  50% {
    background-position: right;
  }

  100% {
    background-position: left;
  }
}

.section {
  padding: 0 1rem;
}

li {
  list-style-type: "> ";
}

a {
  color: #80e27e;
  text-decoration: none;
  transition: color 0.25s;
}

a:hover {
  color: #087f23;
}

a.blue-hover:hover {
  color: #257ecc;
}

a.purple-hover:hover {
  color: #673791;
}

a.yellow-hover:hover {
  color: #cacf19;
}

a.red-hover:hover {
  color: #cf2b19;
}