body:before {
content: ' ';
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media4.giphy.com/media/1GIfN221wZh3KxkEwC/giphy.gif?cid=6c09b952w2w5o2hjtc8nwh9y9mvqruigdgn6tv1nzfned792&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=g');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 5s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
/* Text */
.mozilla-headline-font {
  font-family: "Mozilla Headline", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
hr {
    color: white;
}
.nav-link:visited {
    color: white;
}
.nav-link:hover {
    color: red;
}

@media only screen and (max-width: 600px) {
    body {
        background-color: red;
        background-image: url(https://i.ibb.co/DHjWyZXL/pattern-1200-7888395a74738bd58c2afcdf0986b74d.png);
        background-blend-mode: hard-light;
    }
    .outer {
        background-color: black;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 3px;
        border-style: groove;
        height: 150vw;
        width: 85%;
    }
    .inner {
        background-color: #690101;
        width: 90%;
        height: 95%;
        border: 2px solid white;
        border-radius: 3px;
        border-style: groove;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .inner-inner {
        background-color: black;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 3px;
        border-style: groove;
        height: 95%;
        width: 90%;
    }
    h1 {
        color: white;
        text-align: center;
    }
    p {
        color: white;
        text-align: center;
    }
    #enter-link:hover {
        color: red;
    }
    #tsb-blinkie {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }
}

@media only screen and (min-width: 600px) {
    body {
        background-color: red;
        background-image: url(https://i.ibb.co/DHjWyZXL/pattern-1200-7888395a74738bd58c2afcdf0986b74d.png);
        background-blend-mode: hard-light;
    }
    .outer {
        background-color: black;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 3px;
        border-style: groove;
        height: 100vw;
        width: 85%;
    }
    .inner {
        background-color: #690101;
        width: 90%;
        height: 95%;
        border: 2px solid white;
        border-radius: 3px;
        border-style: groove;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .inner-inner {
        background-color: black;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 3px;
        border-style: groove;
        height: 95%;
        width: 90%;
    }
    h1 {
        color: white;
        text-align: center;
        font-size: 5vw;
    }
    p {
        color: white;
        text-align: center;
    }
    #enter-link:hover {
        color: red;
    }
    #tsb-blinkie {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }
}

@media only screen and (min-width: 600px) {
    body {
        background-color: red;
        background-image: url(https://i.ibb.co/DHjWyZXL/pattern-1200-7888395a74738bd58c2afcdf0986b74d.png);
        background-blend-mode: hard-light;
    }
    .outer {
        background-color: black;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 3px;
        border-style: groove;
        height: 70%;
        width: 70%;
    }
    .inner {
        background-color: #690101;
        width: 90%;
        height: 95%;
        border: 2px solid white;
        border-radius: 3px;
        border-style: groove;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .inner-inner {
        background-color: black;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 3px;
        border-style: groove;
        height: 95%;
        width: 90%;
    }
    h1 {
        color: white;
        text-align: center;
        font-size: initial;
    }
    p {
        color: white;
        text-align: center;
    }
    #enter-link:hover {
        color: red;
    }
    #tsb-blinkie {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 30%;
    }
}