body {
  background: black;
  color: white;
  font-family: 'Lucida Console', monospace;
  cursor: crosshair;
}

.site {
  width: 800px;
  margin: 30px auto;
}

.title {
  height: 150px;
  border: 1px solid white;

  background-image: url('/starsgifloop.gif');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
}

.splash {
  width: 600px;
  margin: 80px auto;
}

.construction {
  margin-top: 15px;
  border: 1px solid white;
  padding: 20px;
  text-align: center;
}

.construction h2 {
  font-size: 18px;
}

.construction p {
  font-size: 12px;
}

.glow-text {
  color: black;
  font-family: 'Arial Black', Arial, sans-serif;
  font-size: 55px;
  font-weight: 900;
  letter-spacing: -2px;

  -webkit-text-stroke: 3px white;

  filter: blur(1px);
  animation: flicker 3s infinite;
  transform: scaleY(0.85);
}

@keyframes flicker {
  0%,
  90%,
  100% {
    opacity: 1;
  }

  91% {
    opacity: 0.6;
  }

  92% {
    opacity: 1;
  }

  94% {
    opacity: 0.4;
  }

  95% {
    opacity: 1;
  }
}

.layout {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

aside {
  width: 150px;
  border: 1px solid white;
  padding: 10px;
}

aside a {
  display: block;
  color: white;
  margin: 10px 0;
  text-decoration: none;
}

aside a:hover {
  color: black;
  background: white;
  outline: 1px solid white;
  cursor: crosshair;
}

main {
  flex: 1;
  border: 1px solid white;
  padding: 20px;
  min-height: 400px;
}

h1 {
  margin-top: 0;
}