@font-face {
        font-family: 'perfect_dark_brkregular';
        src: url('pdark-webfont.woff2') format('woff2'),
             url('pdark-webfont.woff') format('woff'),
             url('pdark.ttf') format('woff');
        font-weight: normal;
        font-style: normal;
    
    }

body{
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 31%, rgba(0,116,255,1) 100%);
    color:white;
}

#header{
    font-family: 'perfect_dark_brkregular';
    border: 2px solid teal;
    border-radius: 25px;
}

.w3-main{
    max-width: 1000px;
    margin: auto;
}

h1 {
    text-align:center;
}

h2 {
    text-align:center;
}

.w3-teal{
    top:0px;
    padding: 10px;
    margin-bottom: 10px;
}
.console{
    width: 150px;

}

#jon{
	display: none;
}

#sub{
	display: none;
}

#mod{
	display: none;
}

#full{
	display: none;
}

.w3-container{
    position: relative;
    border: 2px solid blue;
    border-radius: 25px;
    background-color: blue;
    box-shadow: 5px 10px 18px black;
}
.container {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.myButton {
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	background-color:#b8e356;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.myButton:hover {
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	background-color:#a5cc52;
}
.myButton:active {
	position:relative;
	top:1px;
}

.loginButton {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #6441a5 5%, #a20dbd 100%);
	background-color:#6441a5;
	border-radius:6px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.loginButton:hover {
	background:linear-gradient(to bottom, #a20dbd 5%, #6441a5 100%);
	background-color:#a20dbd;
}
.loginButton:active {
	position:relative;
	top:1px;
}

.adminButton {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.adminButton:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.adminButton:active {
	position:relative;
	top:1px;
}

.voteButton {
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.voteButton:hover {
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color:#5cb811;
}
.voteButton:active {
	position:relative;
	top:1px;
}

#errorlist{
	margin:5px;
	padding:20px;
	background:rgba(220,20,60,.5);
	border: 2px solid rgba(220,20,60,.5);
    border-radius: 25px;
}

.rainbow-text {
	/*background-image: repeating-linear-gradient(45deg, red);*/
	color:red;
    background-size: 800% 800%;
    /*-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    font-size: 24px;
	animation: rainbow 8s ease;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
  }
  
  @keyframes rainbow { 
	  0%{background-position:0% 50%}
	  50%{background-position:100% 25%}
	  100%{background-position:0% 50%}
  }


  select option {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
  }
  
  .tg  {border-collapse:collapse;border-spacing:0; width:100%}
  .tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
	overflow:hidden;padding:10px 5px;word-break:normal;}
  .tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
	font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
  .tg .tg-head{background-color:#810e05;border-color:inherit;text-align:left;vertical-align:top}
  .tg .tg-body:nth-child(even){background-color: rgb(59, 59, 59);border-color:inherit;text-align:left;vertical-align:top}
  .tg .tg-body:nth-child(odd){background-color:#5e5e5e4d;border-color:inherit;text-align:left;vertical-align:top}