html
{
    color: #CCCCCC!important;
    background-color: #014561!important;
    margin: 0px;
    padding: 0px;
}
body
{
    color: #CCCCCC!important;
    background-color: #014561!important;
    margin: 0px;
    padding: 0px;
}

div.canvas
{
    top: 0px;
    left: 0px;
    width: calc(100%);
    height: calc(100%);
    margin: 0px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('Background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

div.topLine
{
    top: 10px;
    left: calc(50% - 495px);
    width: 990px;
    height: 125px;
    margin: 0px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: absolute;
    background-image: url('TopLine.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

div.bottomLine
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 78px;

    bottom: 10px;
    left: calc(50% - 495px);
    width: 990px;
    height: 78px;
    margin: 0px;
    padding: 0px;
    color: #CCCCCC;
    background-color: transparent;
    position: absolute;
    background-image: url('BottomLine.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    text-align:center;
    vertical-align:middle;
}

div.centerTop
{
    top: 145px;
    left: calc(50% - 495px);
    width: 990px;
    height: 45px;
    margin: 0px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: absolute;
    background-image: url('CenterBoxTop.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.centerCenter
{
    top: 190px;
    bottom: 143px;
    left: calc(50% - 495px);
    width: 990px;
    margin: 0px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: absolute;
    background-image: url('CenterBoxCenter.png');
    background-position: center;
    overflow: auto;
    overflow-x: hidden;
}

div.centerBottom
{
    bottom: 98px;
    left: calc(50% - 495px);
    width: 990px;
    height: 45px;
    margin: 0px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: absolute;
    background-image: url('CenterBoxBottom.png');
    background-repeat: no-repeat;
    background-position: center;
}

a.bottomlinelink
{
    color: #CCCCCC;
    text-decoration: none;
}

a.bottomlinelink:hover
{
    color: #949494;
    text-decoration:overline, underline;
}

/* Gray Scale */
.imagelink_button {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.imagelink_button:hover {
	-webkit-filter: grayscale(33%);
	filter: grayscale(33%);
}

a.button_link
{
    width: 900px;
    height: 98px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

div.button_twitch
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('Twitch.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.button_youtube
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('YouTube.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.button_youtubereact
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('YouTubeReaction.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.button_discord
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('Discord.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.button_instagram
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('Instagram.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.button_facebook
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('Facebook.png');
    background-repeat: no-repeat;
    background-position: center;
}

div.button_rahftsedcard
{
    width: 900px;
    height: 98px;
    margin: 45px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
    color: #111111;
    background-color: transparent;
    position: relative;
    background-image: url('RahftSedcard.png');
    background-repeat: no-repeat;
    background-position: center;
}