/* background and stuff*/
body {
 background-color: #242424;
 background-size: cover;
 background-position: top;
 background-repeat: no-repeat;
 width: auto;
 height: 100%;
 h2 {
   color: white;
   text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
   text-align: center;
   font-family: monospace, serif;
}

/* box */
.box {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  border-radius: 4px;
  max-width: 25%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  padding: 12px;

  a {
    color: white;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
    font-family: monospace, serif;
  }
}

.notice {
  margin-right: auto;
  margin-left: auto;
  a {
    color: gray;
    font-family: monospace, serif;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 8px;
  }
}

/* hmmmmm... you like my messy code? */