body {

	background-image: url('background.jpg');

	background-size: cover;

	padding-top: 70px;

	background-attachment: fixed;
}



.horizontal-center {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 70px;

}



@media screen and (max-width: 768px) {

    .mainContainer { 

    	margin-top: 400px; 

    }

    .horizontal-center {   

    	display: inline;

    	justify-content: none;

    	align-items: none; 

    }

    .navbar {

    	position: absolute!important;

    }

}



h3 {

	color: white!important;

	font-family: 'Roboto', sans-serif;

}



.profileImage {

	float: left;

	width: 30px;

	height: 30px;

	margin-top: 9px;

	margin-right: 5px;

}



.navbar {

	background-color: #02050A!important;

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

    -webkit-box-shadow: 0px 2px 29px 2px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 2px 29px 2px rgba(0,0,0,0.75);

    box-shadow: 0px 2px 29px 2px rgba(0,0,0,0.75);

}



.link {

	color: white!important;

}



.lHoverFocus {

	transition: 0.1s;

}



.lHoverFocus:hover {

	transform: scale(1.1,1.1);

}



.lHoverFocus:Focus {

	color: grey!important;

}



.linkGreen {

	color: #4CAF50!important;

}



.linkPurple {

	color: #7289DA!important;

}



.linkRed {

	color: #F44336!important;

}



.brand {

	font-size: 20px!important;

	border-radius: 8px;

	margin: 6px;

	margin-left: 2px!important;

	height: 30px!important;

    padding: 5px!important;

    padding-left: 10px!important;

    padding-right: 10px!important;

}



.brandServer {

	color: #CCC; 

}



.aboutButton {

	float: right;

	background-color: #14212A!important;

	color: white!important;

	outline: none!important;

	border: none!important;

}



.aboutButton:hover {

	color: #14212A!important;

	background-color: white!important;

}

.backendButton {
	float: right;

	background-color: transparent!important;

	color: white!important;

	outline: none!important;

	border: none!important;
	
	margin-right: 0px!important;
	
	margin-top: 13px!important;
}


.new { 

	border: 3px rgba(40, 53, 147, 0.6) solid!important;

}



.newsContainer {

	background-color: rgba(255, 255, 255, 0.2);

	border-radius: 6px;

	border: 3px rgba(40, 53, 147, 0.3) solid;

	padding: 10px;

}



.newsDate {

	font-size: 8px;

	background-color: rgba(255, 255, 255, 0.3);

	border-radius: 6px;

	padding: 5px;

	width: 55px;

}



.linksContainer {

	background-color: rgba(255, 255, 255, 0.2);

	border-radius: 6px;

	border: 3px #e53935 solid;

	padding: 10px;

}



.linkButton {

	padding: 5px;

	color: #FFF;

}



.linkButton:hover {

	background-color: grey!important;

}



.bluePurple {

	background-color: #283593;

}



.dark {

	background-color: #292929;

}



.darker {

	background-color: #040B0B;

}



.blue {

	background-color: #CEE3F8;

	color: #283593!important;

}



.superDark {

	background-color: #000;

}



.disabled {

	color: grey;

	cursor: default;

}



.disabled:hover {

	color: grey!important;

}



.server {

	background-color: rgba(2, 5, 10, 0.4);

	border: 2px white solid;

	box-shadow: 1px 1px 10px 1px #000;

	padding: 5px;

	height: 60px;
	
}



.discordButton {

	background-color: #7289DA;

	border: 1px white solid;

	width: 200px;

	height: 40px;

	padding: 8px;

	text-align: center;

}



.discordButton:hover {

	background-color: grey!important;

}



.unAstyle {

	color: #FFF;

}



.unAstyle:hover {

	color: #FFF;

	text-decoration: none!important;

}



.footer {

	color: white!important;

	background-color: transparent!important;

	border: none!important;

	box-shadow: none!important;

}



.footerStyle {

	float: right;

	background-color: #02050A;

	box-shadow: 1px 1px 2px 1px #000;

	padding: 5px;

	text-align: right;

	margin-right:10px;

}



.discordRulesContainer {

	background-color: #7289DA;

	border-radius: 6px;

	padding: 10px;

}



.gameRulesContainer {

	background-color: #F44336;

	border-radius: 6px;

	padding: 10px;

}



.forumRulesContainer {

	background-color: #373e4e;

	border-radius: 6px;

	padding: 10px;

}



.agreementContainer {

	background-color: #FFF;

	border-radius: 6px;

	padding: 10px;

	color: #000;

}



.progress {

	border-radius: 0px!important;

	height: 30px!important;

	box-shadow: 1px 1px 2px 1px #000;

}



.progress-bar {

	background-color: #283593!important;

	padding: 6px!important;

}



.donationFirst {

	border: 2px #283593 dashed;

	padding: 20px;

	padding-top: 30px;

}



.donationLater {

	border: 2px grey dashed;

	padding: 20px;

	padding-top: 30px;	

}



.donateSubmit {

	width: 453px;

    height: 44px;

    padding: 0;

    border: 0;

    display: inline;

    background-color: #0070ba;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -khtml-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    -webkit-tap-highlight-color: transparent;

    color: #fff;

    font-size: 1em;

    text-align: center;

    font-weight: 700;

    font-family: HelveticaNeue-Medium,"Helvetica Neue Medium",HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;

    text-shadow: none;

    text-decoration: none;

    -webkit-transition: background-color .4s ease-out;

    -moz-transition: background-color .4s ease-out;

    -o-transition: background-color .4s ease-out;

    transition: background-color .4s ease-out;

    -webkit-font-smoothing: antialiased;

}



.donateSubmit:hover {

	background-color: #005EA6;

}



.bottomAboutContainers {

	background-color: #FFF;

	border-radius: 6px;

	padding: 10px;

	color: #000;

}



.warningContainer {

	background-color: rgb(40, 53, 147);

	border-radius: 6px;

	padding: 10px;

	color: #FFF;

}

#newsArchive:hover {
	background-color: grey!important;
	cursor: pointer;
	color: white;
}

#banlist:hover {
	background-color: grey!important;
	cursor: pointer;
}

#members:hover {
	background-color: grey!important;
	cursor: pointer;
}