@import url('https://fonts.googleapis.com/css?family=Roboto%7CRoboto+Condensed:400,500,700');
	
	body{
     font-family: 'Roboto Condensed', sans-serif;
     text-transform: uppercase;
	}

body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
	
	.body{
		background-image: url('../images/background.png');
		background-size: cover;
        background-attachment: fixed;
		height: auto;
		padding: 10% 0 15% 0;
	}
	
	header{
	  width: 100%;
	  font-family: 'Roboto Condensed', sans-serif;
      background-image: url('../images/pattern.png');
      background-position: top;
      line-height: 20px;
	  background-color: blue;
	  height: 85px;
	}
	
	header img{
	  width: 86px;
	  margin: 4px;
	  margin-left: 20%;
      margin-top:0px;
	}
	
	header span{
	 color: white;
	 float: right;
	 padding: 25px;
	 font-size: 200%;
	}
	
	header span b{
	 color: yellow;
	 font-style: normal;
	}
	
	.menu{
     display: none;
	}
	
	nav{
	 width: 100%;
	 background-color: rgb(249, 217, 11);
	 height: 50px;
	 text-align: center;
	 overflow: hide;
	}
	
	nav a{
        -webkit-transition: opacity .25s ease, background .25s ease;
transition: opacity .25s ease, background .25s ease;
	 display: inline-block;
	 margin: 0;
	 min-width: 60px;
	 text-align: center;
	 text-decoration: none;
	 color: rgb(111, 119, 130);
	 padding: 15px;
     border: 0;
	}
	
	nav a:hover{
        -webkit-transition: opacity .25s ease, background .25s ease;
transition: opacity .25s ease, background .25s ease;
	 color: rgb(109, 85, 0);
	 background-color: rgba(217, 170, 0, 0.65);
	}
    
    nav a.currentpage{
	 color: rgb(109, 85, 0);
	 background-color: rgba(217, 170, 0, 0.65);
	}
	
	.dropdown{
	  display: inline-block;
	}
	
	.dropcontent{
	 position: absolute;
	 text-align: center;
	 background-color: brown;
	 float: left;
	 background-color: rgb(230, 205, 100);
	}
	
	.dropcontent a{
	 display: block;
	}
	
	.label{
	 text-align: center;
	 color: white;
	 background-color: rgba(59, 63, 71, 0.7);
	 padding: 1.5%;
	}
	
	.label h1{
	 font-size: 350%;
	}
	
	.label h3{
	 font-size: 250%;
	 color: gold;
	}
	
	.label .btn{
	  border: 3px solid white;
	  border-radius: 200px;
	  color: white;
	  padding: 15px;
	  width: 300px;
	  text-decoration: none;
	  margin: 5px;
	  display: inline-block;
	}
	
	.label .btn:hover{
	  color: #dbdbd5;
	  background-color: rgba(255, 210, 0, 0.5);
	  border-color: #a69f26;
	  padding: 19px;
	  margin: 1px;
	}
  
    #copyright{
	 background-color: #2c3e4f;
	 color: yellow;
	 padding: 15px;
	 text-align: center;
	}
	
	footer{
	 text-align: center;
	 background-image: url('../images/pattern.png');
     background-position: top;
     line-height: 20px;
	 padding: 3%;
	 border-top: 3px solid rgb(109, 85, 0);
	 padding-top: 1%;
	}
	
	footer ul{
	 list-style-type: none;
	 border: 2px solid gray;
	 background-color: rgba(255, 219, 0, 0.65);
	 margin: 0;
	 padding: 0;
	}
	
	footer li{ 
	 display: inline-block;
	 padding: 15px;
	 border-left: 2px solid gray;
	 border-right: 2px solid gray;
	 margin-left: -5px;
	 font-weight: bold;
	 min-width: 100px;
	}
	
	footer li a{
     padding: 15px;
	 width: 100%;
	 color: white;
	 text-decoration: none; 
	}
	
	footer li:hover{
	 color: #d5d9ab;
	 background-color: rgba(255, 219, 0, 0.5);
	}
	
	footer .band, .discord{
     margin: 15px;
	 text-align: center;
	 color: white;
	}
    
	footer .band{
	 display: inline-block;
	}
	
	.discord a{
	 text-decoration: none;
	 color: white;
	}
    
    .discord, .band {
     text-transform: none;
     font-size: 18px;
    }
    
    .discord {
     margin-bottom: 42px;
    }
	
	.fa-facebook {
     background: #3B5998;
     color: white;
    }
	
	.fa-youtube {
     background: #bb0000;
     color: white;
    }
	
	.fa-instagram {
     background: #753939;
     color: white;
    }
	
	.fa-telegram {
     background: #55ACEE;
     color: white;
    }
	
	.fa {
     padding: 10px;
     font-size: 30px;
     width: 25px;
     text-align: center;
     text-decoration: none;
    }

    .fa:hover {
     opacity: 0.7;
    }
	
	.social, .social-footer{ 
	 margin: 15px;
	}
	
	.social{
	 float: right;
	}
	
	.rulebox{
	 overflow: auto;
     color: black;
     background-color: white;
     margin: auto;
     width: 66.6%;
     height: 500px;	 
	 border: 2px solid black;
     -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
     box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
	}
	.rulebox h1{
		text-align: center;
	}
	.rulebox p{
		margin: auto;
		padding: 15px;
	}
	
	.table{
		width: 66.6%;
		height: auto;
		overflow-x: auto;
		background-color: white;
		border: 1px solid black;
		color: black;
		margin: auto;
		text-align: center;
		border-collapse: collapse;
        -webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
	}
	.table a{
		padding: 15px;
		background-color: red;
		color: white;
		text-decoration: none;
		border: 1px solid darkred;
		border-radius: 20px;
	}
	.table td, .table th{
		padding: 25px;
		border: 1px solid black;
		margin: 5px;
	}
	.table a:hover{
		background-color: rgba(255,0,0,0.5);
	}
    
    .server-rules {
        padding: 1vw;
    }
    
    .rules-link {
        color: #d9aa00;
        text-decoration:none;
    }
    
    .rules-link:hover {
        color:#d9aa00;
        text-decoration:underline;
    }