body::before {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    background-image:  url(https://cdn.discordapp.com/attachments/462843178358276096/834054186089447474/flagwave1.gif);
    z-index: -1;
}

.topLeft:after {
    content: url(https://cyber.dabamos.de/88x31/ienuke.gif) url(https://files.catbox.moe/1fps2s.gif) url(https://graphic.neocities.org/button_17.png) url(https://graphic.neocities.org/button_15.gif)
url(https://graphic.neocities.org/button_31.gif)
url(https://files.catbox.moe/gsbuc0.gif);
}

.logo{
      font-size:0;
}


.logo::after{
    content:"JACKET 2040";
    text-shadow: 2px 2px 4px red;
    color: white;
    line-height: 20px;
    font-size: 35px;
    padding: 70px;
}

div#header {
    background-color: black;
    background-position: 0px -400px;
    font-family: "VCR OSD Mono";
    background-size: 30%;
    background-repeat: repeat;
    
    
}

div#hSub {
    color: black !important;
    background-color: red;
    text-align: right;
    font-family: "VCR OSD Mono";
}

h2#name {
    color: white;
    text-shadow: 2px 2px 4px red;
}

.extended.box {
    border: 2px solid red;
    background-color: #730000;
}

h4 {
    color: red;
}

body {
    color: white;
    background-color: #730000;
    background-size: 20%;
    background-attachment:fixed;
    font-family: "VCR OSD Mono";
}

.player.box {
    background-color: #730000;
    background-size: 33%;
    background-position: 150px;
    color: white;
}

.boxInfo.box {
    border-color: #ffffff00;
font-size: 15px;
}

.url {
    background: url(https://cdn.discordapp.com/attachments/462843178358276096/830731213534658590/jacket2040sticker.png) no-repeat;
    position: fixed;
    right: 50px;
    bottom: 20px;
    color: #ffffff00;
    background-size: 300px;
    height: 200px;
    width: 300px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #00000044);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
    }

.topLeft{
    margin-top: 20px;
    background-repeat: no-repeat;
    background-color: black;
    background-size: 100% 100%;
    background-image: url(https://d21rhj7n383afu.cloudfront.net/washpost-production/Nick_Espinosa_via_Storyful/20200529/5ed0d8f6d601800001e08a84/5ed0d8fe46e0fb000773072e_1450955028646-chsuqu_t_1590745347024_640_360_400.gif);
}
 
 
.topRight{
    margin-top: 20px;
    background: #000000;
    max-width: 550px;
    margin-bottom: 15px;
    border: 1px solid red;
}
 

.fwiendCount {
    color: red;
}
/* This theme is modified of a theme by "sophie" more can be found at: https://sophiezhng.github.io/my-space-windows-93-themes */

.tableRight{
    background: #730000;
}

.boxHead{
    color: #FFF;
    background: red;
    
}

.rightHead{
    color: #FFF;
    background: red;
    
}

div#footer{
     bottom:0;
     font-size:0;
     left:500px;
     position:fixed;
     pointer-events: none;
 
} 

.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}

.box.blog {
    background: #730000;
}

.fwiendFace:hover{
      animation:shake 0.2s;
      animation-iteration-count:infinite;
}

.tableLeft:hover{
      animation:shake 0.2s;
      animation-iteration-count:infinite;
}

#sMsg, #block, #report, #add, #remove {
    color: white;
    background-image: url(https://cdn.discordapp.com/attachments/462843178358276096/830731173768462347/makeamericayours.png);
    background-size: 20%;
}

a {
    color: red;
}

a:hover {
     animation: changeColor 1s linear infinite;
     text-shadow: 2px 2px 4px red;
}

::selection { background: #ff000050; }

.blinkYellow, .blinkViolet {
    animation:blinkingTextRed 0.3s infinite;
}

.blinkGreen{
	animation:blinkingTextWhite 0.3s infinite;
}

@keyframes blinkingTextWhite {
0% {
    color: black;
}

49% {
    color: white;
}
50% {
    color: white;
}
99% {
    color: white;
}
100% {
    color: black;
}
}

@keyframes shake{
    0% {
        transform:translate(1px,1px) rotate(0deg);
    }
 
    10% {
        transform:translate(-1px,-2px) rotate(-1deg);
    }
 
    20% {
        transform:translate(-3px,0px) rotate(1deg);
    }
 
    30% {
        transform:translate(3px,2px) rotate(0deg);
    }
 
    40% {
        transform:translate(1px,-1px) rotate(1deg);
    }
 
    50% {
        transform:translate(-1px,2px) rotate(-1deg);
    }
 
    60% {
        transform:translate(-3px,1px) rotate(0deg);
    }
 
    70% {
        transform:translate(3px,1px) rotate(-1deg);
    }
 
    80% {
        transform:translate(-1px,-1px) rotate(1deg);
    }
 
    90% {
        transform:translate(1px,2px) rotate(0deg);
    }
 
    100% {
        transform:translate(1px,1px) rotate(0deg);
    }
 
}

@keyframes changeColor{
    0%{color:white;}
    10%{color: red;}
    20%{color: white;}
    30%{color: red;}
    40%{color:white;}
    50%{color: red}
    60%{color: white;}
    70%{color: red;}
    80%{color: white;}
    90%{color: red;}
    100%{color: white;}
}

.fwiendFace img {
  
       filter: saturate(1550%);
filter: contrast(150%);
filter: grayscale(53%);

}

.tableLeft img{
     filter: saturate(4550%);
filter: contrast(150%);
filter: grayscale(50%);


}

span#hUp::before {
    content: "MAKE AMERICA YOURS!";
    animation:blinkingTextRed 0.3s infinite;
    color: Red;
    font-size: 16px;
}