/*----------------------------------------------------------*/
/*ASTERMINER*/
/*----------------------------------------------------------*/
body{
    margin: 0;
    background-color: #070707;
}
/*----------------------------------------------------------*/
/*HEADER IMG AND TITLE*/
/*----------------------------------------------------------*/
#niceimg{
    height: 100%;
    width: 100%;
    background-color: #363636;
}
#niceimg img{
    width: 100%;
    margin-bottom: -4px;
}
/*----------------------------------------------------------*/
/*SOCIAL MEDIA LINKS*/
/*----------------------------------------------------------*/
#social{
    width: 900px;
    height: 75px;
    text-align: center;
    margin: 25px auto;
    display: grid;
    grid-auto-flow: column;
}
.brand{
    height: 75px;
    width: 75px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.25s;
}
#X.brand{background-image: url(images/b_x.png);}
#X.brand:hover{background-image: url(images/b_x_color.png);}
#Bluesky.brand{background-image: url(images/b_bluesky.png);}
#Bluesky.brand:hover{background-image: url(images/b_bluesky_color.png);}
#Steam.brand{background-image: url(images/b_steam.png);}
#Steam.brand:hover{background-image: url(images/b_steam_color.png);}
#Discord.brand{background-image: url(images/b_discord.png);}
#Discord.brand:hover{background-image: url(images/b_discord_color.png);}
#Twitch.brand{background-image: url(images/b_twitch.png);}
#Twitch.brand:hover{background-image: url(images/b_twitch_color.png);}
#Instagram.brand{background-image: url(images/b_instagram.png);}
#Instagram.brand:hover{background-image: url(images/b_instagram_color.png);}
#Youtube.brand{background-image: url(images/b_youtube.png);}
#Youtube.brand:hover{background-image: url(images/b_youtube_color.png);}
/*----------------------------------------------------------*/
/*MAIN*/
/*----------------------------------------------------------*/
#content{
    width: 900px;
    margin: 10px auto;
    text-align: left;
    font-family: helvetica, arial, sans-serif;
    color: #eee;
    font-size: 20px;
}
/*----------------------------------------------------------*/
/*STEAM PAGE*/
/*----------------------------------------------------------*/
#SteamLink{
    width: 900px;
    height: 190px;
    margin: 10px 0px 0px 0px;
}
/*----------------------------------------------------------*/
/*VIDEO*/
/*----------------------------------------------------------*/
#video{
    width: 900px;
    height: 506px;
    margin: 20px 0px 0px 0px;
}
/*----------------------------------------------------------*/
/*ABOUT*/
/*----------------------------------------------------------*/
#GameInfo{
    width: 900px;
    height: auto;
    margin: 10px auto;
    padding: 0px;
    text-align: justify;
}
#GameInfo p{
    padding: 0;
    margin: 0;
}
#GameInfo img{
    width: 100%;
}
/*----------------------------------------------------------*/
/*BACK TO MAIN*/
/*----------------------------------------------------------*/
footer{
    text-align: center;
    width: 200px;
    margin: 25px auto;
    font-family: arial, sans-serif;
    font-size: 18px;
    color: #fff;
    background-color: #333;
    transition: background-color 0.25s;
    border-radius: 10px;
}
footer p{
    padding: 10px;
}
footer:hover{background-color: #444;}
/*----------------------------------------------------------*/
/*EXTRAS*/
/*----------------------------------------------------------*/
#MailingList{
    background-image: url(images/b_mail.png);
    margin: 15px auto;
    height: 75px;
    width: 300px;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.25s;
    border-radius: 10px;
}
#MailingList:hover{background-image: url(images/b_mail_hover.png);}
#MailingList p{
    margin: 0px;
    padding: 25px 0px 0px 60px;
}

#DiscordLink{
    background-image: url(images/Discord.png);
    margin: 40px auto 25px auto;
    height: 76px;
    width: 306px;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;   
}
hr{width: 900px;}
#preload img{height: 0;}
a:link{text-decoration:none; color:#aaa;}
a:visited{text-decoration:none; color:#fff;}
a:hover{text-decoration:none; color:#fff;}
a:active{text-decoration:none; color:#fff;}