body {
  background-color: #140096;
  background-image: linear-gradient(45deg, #1d00d6 25%, transparent 25%, transparent 75%, #1d00d6 75%), linear-gradient(45deg, #1d00d6 25%, transparent 25%, transparent 75%, #1d00d6 75%);
  background-size: 40px 40px;
  background-position: 10px 10px, 30px 30px;
  animation: scrolling 2s infinie linear;
}

.page {
  font-family: "Audiowide";
  color: white;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 5px;
}

@font-face {
  font-family: "Audiowide";
  src: url("https://nocturnecreature.neocities.org/Audiowide/Audiowide-Regular.ttf");
}

hr {
  color: blue;
  box-shadow: 0px 0px 8px black;
}

a {
  color: white;
}

a:hover {
  font-size: 20px;
  transition: all 0.5s;
}

.atsuko {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

h1 {
  text-align: center;
}

.atsu {
  height: auto;
  width: 200px;
  box-shadow: 0px 0px 3px blue;
}

.villanos {
  margin-bottom: 20px;
  background-color: black;
  box-shadow: 5px 2px blue;
  height: auto;
  width: 900px;
}

.nw {
  margin-bottom: 20px;
  background-color: black;
  box-shadow: 5px 2px blue;
  height: auto;
  width: 900px;
}

.cookierun {
  margin-bottom: 20px;
  background-color: black;
  box-shadow: 5px 2px blue;
  height: auto;
  width: 900px;
}

.halleylabs {
  background-color: black;
  box-shadow: 5px 2px blue;
  height: auto;
  width: 900px;
}

.penumbra {
  height: auto;
  width: 200px;
  box-shadow: 0px 0px 3px blue;
}

.white {
  height: auto;
  width: 200px;
  box-shadow: 0px 0px 3px blue;
}

.shamilk {
  height: auto;
  width: 200px;
  box-shadow: 0px 0px 3px blue;
}

.renard {
  height: auto;
  width: 200px;
  box-shadow: 0px 0px 3px blue;
}

nav {
  width: 1000px;
}

main {
  border: 2px solid blue;
  box-shadow: 5px 2px blue;
  background-image: linear-gradient(to top, black, #0a0882);
  width: 1000px;
}