body {
  background-color: #000000;
}

a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

a:visited {
  color: #202020;
}

a:hover {
  color: #4c545e;
}

a:active {
  color: #000000;
}

.dom {
  background: linear-gradient(
    90deg,
    rgb(255, 0, 0),
    rgb(255, 165, 0),
    rgb(255, 255, 0),
    rgb(0, 128, 0),
    rgb(0, 0, 255),
    rgb(75, 0, 130),
    rgb(238, 130, 238),
    rgb(255, 0, 0),
    rgb(255, 165, 0),
    rgb(255, 255, 0),
    rgb(0, 128, 0),
    rgb(0, 0, 255),
    rgb(75, 0, 130),
    rgb(238, 130, 238)
  );
  background-size: 200% 100%;
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
  animation: gradient-shift 11s infinite linear;
  margin-top: 3%;
}

@keyframes gradient-shift {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}

footer {
  position: fixed;
  bottom: 0;
  margin-top: auto;
  width: 99%;
  background-color: aqua;
  border-radius: 25px;
}

.Impressum {
  background-color: aqua;
  color: black;
  border-radius: 25px;
  margin-top: 10%;
}

.Projects {
  color: white;
}

.Projects-links {
  background-color: rgb(18, 18, 18);
  border-radius: 25px;
  width: fit-content;
}

.Projects-links a {
  display: inline-block;
  color: rgb(255, 255, 255);
}

.Projects-links a:visited {
  color: #ffe8e8;
}

.Projects-links a:hover {
  color: #cacaca;
}

.Projects-links a:active {
  color: #000000;
}

.Projects-links img {
  width: 100%;
  height: auto;
  max-width: 150px;
}

.Notenrechner {
  background-color: rgb(231, 231, 231);
  color: rgb(0, 0, 0);
  width: 40%;
  border-radius: 25px;
}

.Notenrechner input[type="number"] {
  width: 30%;
  height: 100%;
  border-radius: 3px;
  border-style: hidden;
  background-color: rgb(198, 198, 198);
  appearance: textfield;
}
.Notenrechner input[type="number"]::placeholder {
  color: #202020;
}

.Notenrechner input[type="number"]::-webkit-inner-spin-button {
  appearance: none;
}

.Notenrechner button {
  border-radius: 3px;
  border-color: aliceblue;
  border-style: solid;
  background-color: rgb(55, 0, 255);
  color: white;
}

.notenaus {
  font-size: small;
  background-color: rgb(230, 230, 230);
  border-radius: 3px;
  width: 75%;
}