@font-face {
    font-family: "Nasa";
    src: url(Nasa.ttf);
    font-family: "ARDESTINE";
    src: url(ARDESTINE.ttf);
}

body {
    background-image: url('mb_alpha.jpg');
    z-index: 1;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    backface-visibility: hidden;
    perspective: 1000px;
    letter-spacing: 4px;
    color: beige;

}

h1{
    position:static;
    font-size: 42px;
    color: burlywood;
    z-index: 100;
    font-family: "ARDESTINE","Nasa", "Courier New", monospace;
    text-shadow:  10px 10px 10px rgb(196, 177, 177);
    animation: shake 3.82s cubic-bezier(.36,.07,.19,.97) both;
    animation-iteration-count: infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    filter: sepia();
}
nova{
    animation: blink-animation 0.5s steps(2, start) infinite;
    -webkit-animation: blink-animation 0.5s steps(2, start) infinite;
}

@keyframes shake{
10%, 90% {
    transform: translate3d(-1px, 0, 0);
    -webkit-filter: brightness(1.5);
    filter: brightness(1.5);
    filter: opacity(.8);
}
20%, 80% {
    transform: translate3d(1px, 0, 0);
}
30%, 50%, 70% {
    transform: translate3d(-1px,0,0);
}
40%, 60% {
    transform: translate3d(1px, 0, 0);
    -webkit-filter: opacity(.1);
    filter: opacity(.1);
}
}

a {
    color: green;
    text-decoration: none;
}

b {
    font-size: 20px;
    font-weight:bolder;
}

footer:hover {
    color: goldenrod;
}
.terminal {
    border: 3px solid wheat;
    font-family: monospace;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    background-color: black;
    color: green;
    bottom: 10%;
    left: 10%;
    width: 80%;
    z-index: 80;
}
a:hover {
    color: goldenrod;
}

.hr{
    color: wheat;
}

footer {
    font-family: monospace;
    font-size: 12px;
    color: beige;
    text-decoration: none;  }

.footer{

    }

span{
    animation: blink 1s infinite;
  }

.marquee{
    color: darkred;
    margin: auto;
    font-size: 20px;
    width: 20%;
}
img{
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.blink {
    font-weight: bold;
    font-size: 20px;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
  }
  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }