h1 {
    font-size: 5em;
        background: rgba(0, 0, 0, 0.25);
        border-bottom: solid 4px #be9823;
        border-top: solid 4px #be9823;
        border-left: dashed 0.1px rgba(0, 0, 0, 0);
        border-right: dashed 0.1px rgba(0, 0, 0, 0);
}

.intro {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer {
  display: flex;
    text-align: center;
     top: 95%;
    vertical-align: bottom;
  position: absolute;
  left: 50%;
  margin-left: -50px;
}

body {
  background: #0C0B09;
}

.button {
  color: #be9823;
   display: flex;
   justify-content: center;
   align-items: center;
  width: 100%;
  margin-top: -220px;
}

a:link {
  color: #be9823;
  font-size: 1.5em;
       text-shadow: 0 0 10px #be9823;
       text-decoration: none;
}

a:hover {
    color: #be9823;
     border: solid 2px #be9823;
     box-shadow: 0 0 5px #be9823;
}

a:hover::before {
 content: ">:";
 position: absolute;
 left: 44%;
}

a:active {
     color: #3610be;
     border: solid 2px #be9823;   
}

a:active::before {
 content: " ";
 position: absolute;
}

.CRT {
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background: linear-gradient(to top, #392912, #392912, #1f160a, #1f160a);
  color: #be9823;
    text-shadow: 0 0 10px #be9823;
    background-size: cover; 
    background-size: 100% 2.5px;
    filter: blur(4,5px);
    border-radius: 5% / 45%;
}

@media screen {
 .CRT {
    animation: scanlines infinite 55s linear;
 }
}
@keyframes scanlines {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -10px;
    }
}