/* sdjp */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

body
{
background:black;
margin:0;
padding:0;
font-family:Helvetica;
}




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



/* divs */
.innercont
{
width:96%;
max-width:1200px;
margin:auto;
text-align:center;
}

.col2
{
display:inline-block;
width:48%;

vertical-align:top;
}

.col3
{
display:inline-block;
width:32%;

vertical-align:top;
}

.col4
{
display:inline-block;
width:24%;

vertical-align:top;
}




footer
{
background:black;
min-height:200px;
}






.imgcont
{
position:relative;
}




.topleft
{
position:absolute;
top:10%;
left:10%;
}

.topright
{
position:absolute;
top:10%;
right:10%;
}

.bottomleft
{
position:absolute;
bottom:10%;
left:20%;
}

.bottomright
{
position:absolute;
bottom:10%;
right:20%;
}
.container 
{
position: relative;
text-align: center;
color: white;
}

.centered 
{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}







/* img */

.fit
{
width:100%;
max-width:100%;
}

.round
{
max-width:100%;
border-radius:50%;
}






















.stationicon
{
display:inline-block;
width:24%;

vertical-align:top;
}

@media only screen and (max-width:600px)
{
.stationicon
{
width:48%;
}
}






.grad 
{
background-image:linear-gradient(to right,#251031,#9A353B);
}

.gradplayer 
{
height:100px;
text-align:center;
background-image:linear-gradient(45deg,#AB5560,#D7BFCC,#9887B4);
border-radius:20px;
}






/* text */
.poppins
{
font-family:'Poppins',sans-serif;
}

.poppinsw2
{
color:white;
font-family:'Poppins',sans-serif;
font-size:2vw;

}

@media only screen and (max-width:600px)
{
.poppinsw2
{
font-size:4vw;
}
}

.poppins2
{
color:black;
font-family:'Poppins',sans-serif;
font-size:2vw;

}

@media only screen and (max-width:600px)
{
.poppins2
{
font-size:3vw;
}
}


.poppinsw3
{
color:white;
font-family:'Poppins',sans-serif;
font-size:3vw;

}
@media only screen and (max-width:600px)
{
.poppinsw3
{
font-size:5vw;
}
}


.poppinsw1
{
color:white;
font-family:'Poppins',sans-serif;
font-size:1vw;
}

@media only screen and (max-width:600px)
{
.poppinsw1
{
font-size:3vw;
}
}












.redbig
{
color:red;
font-size:3vw;
}
@media only screen and (max-width:600px)
{
.redbig
{
font-size:6vw;
}
}

.spot
{
background:white;
border-radius:10px;
border:4px solid yellow;
text-align:center;
}










.robotow2
{
color:white;
font-family:'Roboto',sans-serif;
font-weight:700;
font-size:2vw;
}
@media only screen and (max-width:600px)
{
.robotow2
{
font-size:4vw;
}
}




.w
{
color:white;
}

.redoutline
{
-webkit-text-stroke-width:1px;
-webkit-text-stroke-color:red;
}






/* menu */
ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:#000;

font-family:Poppins;
color:white;
}

li 
{
float:left;
}

li a 
{
display:block;
color:white;
text-align:center;
padding:14px 16px;
text-decoration:none;
}

li a:hover
{
background:red;
}



.active
{
background-color:#04AA6D;
}












/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}