*{

box-sizing:border-box;

}


body{


cursor:url("https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur"),auto;


margin:0;


background:

linear-gradient(
rgba(0,0,0,.8),
rgba(0,0,0,.95)
),

url("https://images.unsplash.com/photo-1518709268805-4e9042af9f23");


background-size:cover;


background-attachment:fixed;


color:white;


font-family:Arial;



}





body:before{


content:"";


position:fixed;


inset:0;


background:

url("https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif");


opacity:.05;


pointer-events:none;


}





header{


text-align:center;


padding:40px;


}


.logo{


width:450px;


filter:

drop-shadow(
0 0 30px red
);


}



h1{


font-size:50px;


letter-spacing:8px;


color:#900;


text-shadow:

0 0 15px red;


}



nav{


background:#050505;


padding:20px;


text-align:center;


border:

2px solid darkred;


}



nav a{


color:white;


text-decoration:none;


margin:20px;


font-weight:bold;


font-size:18px;


}



nav a:hover{


color:red;


text-shadow:

0 0 10px red;


}




main{


width:900px;


margin:auto;


}





.box{


background:

rgba(0,0,0,.85);


border:

3px solid #400;


margin:40px;


padding:30px;


box-shadow:

0 0 30px black;


animation:

pulse 4s infinite;


}





@keyframes pulse{


50%{


box-shadow:

0 0 50px #500;


}


}



h2{


font-size:35px;


color:#b00000;


text-align:center;


}




.gif{


width:150px;


display:block;


margin:auto;


}





.skull{


width:100px;


display:block;


margin:auto;


}




.cover{


width:300px;


display:block;


margin:auto;


border:

5px solid black;


}





.player{


background:black;


border:

1px solid red;


padding:20px;


font-family:monospace;


}





.button{


display:inline-block;


padding:15px;


margin:10px;


background:black;


border:

2px solid red;


color:white;


text-decoration:none;


}





.button:hover{


background:red;


}




footer{


text-align:center;


padding:50px;


color:#777;


}




/* FLAMMEN */

.flames{


position:fixed;


bottom:0;


left:0;


width:100%;


height:120px;


background:

url("https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif");


background-size:cover;


opacity:.5;


pointer-events:none;


}