.filter{
    /* background: url("https://www.transparenttextures.com/patterns/stardust.png"); */
    background-image: url("https://www.transparenttextures.com/patterns/bedge-grunge.png");
    background-image: url("https://www.transparenttextures.com/patterns/broken-noise.png");
    /* background: url("https://www.transparenttextures.com/patterns/cardboard-flat.png"); */
    background-repeat: repeat;
    opacity: 0.5;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 30;
}
.blinkytext {
    animation: blinker 2s step-start infinite;
  }
  
@keyframes blinker {
50% {
    opacity: .5;
}
}

a{
    color: black;
}
a:visited{
    color: black;
}
a:hover{
    color: rgba(0, 0, 0, 0.582);
}

body{

    color: white;
    font-size: 3.75em;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: bold;
    margin:0;
    background: url("https://www.transparenttextures.com/patterns/stardust.png"), opacity='0.3';
    z-index: 0;
}

.top-bar{
    vertical-align: middle;
    height: 20vh;
    background-color: rgb(118, 10, 10);
    text-align: center;
    align-content: center;
}

.center{
    height: 60vh;
    background-color: black;
    background-image: url("/assets/img/evilfurby_dithered.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 
}

.fade{
    height: 60vh;
    background-image: url("/assets/img/evilfurby_dithered2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: bg-blinker 10s ease-in-out infinite;
}

@keyframes bg-blinker {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}

}

.bottom-bar{
    height: 20vh;
    background-color: rgb(118, 10, 10);
    text-align: center;
    align-content: center;
}