h1,
h2,
h3 {
  text-align: center;
}

body {
  color: rgb(255, 255, 255);
  background-image: linear-gradient(
    90deg,
    #aa2323,
    #aa4323,
    #aa2323,
    #aa2445,
    #aa2323
  );
  background-size: 500%;
  animation: bg-animation 30s infinite;
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  display: grid;
  grid-auto-flow: row;
  row-gap: 1em;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

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

  50% {
    background-position: right;
  }

  100% {
    background-position: left;
  }
}

.Middle {
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  border-radius: 3mm;
  background-color: rgba(0, 0, 0, 0.1);
}

.autosizemiddle {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1%;
  padding-right: 1%;
  border-radius: 3mm;
  margin-top: 2mm;
  margin: 0.5rem auto;
  background-color: rgba(0, 0, 0, 0.1);
}

.linkbar {
  text-align: center;
  color: rgb(255, 255, 255);
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1%;
  padding-right: 1%;
  border-radius: 3mm;
  margin-top: 2mm;
  width: fit-content;
  margin: 0px auto;
  background-color: rgba(0, 0, 0, 0.1);
}

.linkbar a:visited {
  color: #ebee29;
}

.linkbar a:link {
  color: #ebee29;
}

.linkbar a:hover {
  color: #fbff00;
}

a {
  text-decoration: none;
  color: rgb(122, 195, 255);
}

a:hover {
  text-decoration: none;
  color: rgb(157, 212, 255);
}

hr {
  color: rgb(0, 0, 0);
}

blockquote {
  border-left: 5px solid rgba(0, 0, 0, 0.25);
  border-right: 5px solid rgba(0, 0, 0, 0.25);
  border-radius: 3mm;
  padding: 0.8em;
}

blockquote::before {
  content: '"';
}

blockquote::after {
  content: '" [' attr(cite) "]";
}