body {
	background-image:url("corpsebackground.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	background-position: center;
	background-color: #000;
	font-size:20px;
}

img {
	vertical-align:middle;
}


/* Main Logo Image */
#logomain {
	margin:auto;
	width:100%;
	height: 0;
	padding-top: 40%;
	max-width:1920px;
	background-image:url('banner.png');
	background-repeat:no-repeat;
	background-size:contain;
}

/* Style the top navigation bar */
.social {
	overflow: hidden;
	display: flex;
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	vertical-align: middle;
}

/* Style the topnav links */
.social a {
	color: #f1f1f1;
	padding: 14px 16px;
	text-decoration: none;
}

.invert_img{
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

.twitch {
	overflow: hidden;
	display: flex;
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	vertical-align: middle;
}

.twitch a {
	filter: brightness(10000%);
}

.twitch a:hover {
	filter: invert(0%);
	color: #9146FF;
}

.discord {
	overflow: hidden;
	display: flex;
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	vertical-align: middle;
}

.discord a {
	filter: brightness(10000%);
}

.discord a:hover {
	filter: invert(0%);
	color: #7289DA;
}

.twitter {
	overflow: hidden;
	display: flex;
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	vertical-align: middle;
}

.twitter a {
	filter: brightness(10000%);
}

.twitter a:hover {
	filter: invert(0%);
	color: #1DA1F2;
}

.tiktok {
	overflow: hidden;
	display: flex;
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	vertical-align: middle;
}

.tiktok a:hover {
	filter: invert(0%);
	color: #FF0050;
}

.tiktok .img-top {
	display: none;
}

.tiktok:hover .img-bottom {
	display: none;
}

.tiktok:hover .img-top {
	display: inline;
}

#topbox {
	margin:0px auto; 
	width:100%;
	height:2px;
}

.supps {
	overflow: hidden;
	display: flex;
	list-style-type: none;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	vertical-align: middle;
}

.supps a {
	filter: brightness(10000%);
}

.supps #code {
	display: none;
}

.supps:hover #code {
	display: inline;
}

.supps:hover #nocode {
	display: none;
}

.footer{
	font-family: Tahoma, Arial;
	font-size: 0.7em;
	text-align: center;
	color: White;
	height: 4em;
	position:absolute;
    width:99%; /* not 100 cause a scroll bar appears*/
    bottom:0px;
}