body{
	font-family: 'Roboto', sans-serif;
	font-size: 6vw;
	word-wrap: break-word;
}

.zentriert {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

body.default{
	font-family: 'Roboto', sans-serif;
	font-size: 6vw;


	background: #E53F33;
}

progress[value] {
	-webkit-appearance: none;
	appearance: none;
 	height: 6vw;
	background: rgba(0,0,0,0.3);
	border: none;
	border-radius: 1vh;
}

progress[value]::-webkit-progress-value {
    background: rgba(0,0,0,0.4);
	border-radius: 1vh;
}

progress[value]::-webkit-progress-bar {
	background: transparent;
}

progress[value]::-moz-progress-bar {
    background: rgba(0,0,0,0.4);
	border-radius: 1vh;
}


@keyframes barberpole {
	from {
		background-position: 0 0;
	}
	to {
		background-position:100% 100%;
	}
}

span{
	color: white;
}
span.small{
	color: white;
	font-size: 3vw;
}

h1{
	word-wrap: break-word;
}

h2{
	word-wrap: break-word;
}

h3{
	word-wrap: break-word;
	color: white;
}

input {
	font-family: 'Roboto', sans-serif;
	border: none;
	border-radius: 1vh;
	box-shadow: 0px 0.2vh 0.6vh rgba(0, 0, 0, 0.3);
	background-color: rgba(0,0,0,0.3);
	color: white;
	padding: 2px 4px;
	font-size: 7vw;
	width: 70%
}

input.light {
	font-family: 'Roboto', sans-serif;
	border: none;
	border-radius: 1vh;
	background-color: rgba(1,1,1,0.3);
	color: black;
	padding: 2px 4px;
	font-size: 7vw;
	width: 70%
}

input.start {
	font-family: 'Roboto', sans-serif;
	background-color: transparent;
	color: black;
	padding: 2px 4px;
	font-size: 8vw;
	width: 70%
}


textarea {
	font-family: 'Roboto', sans-serif;
	border: none;
	border-radius: 1vh;
	background-color: rgba(1,1,1,0.3);
	color: white;
	padding: 2px 4px;
	font-size: 7vw;
	width: 70%
}
textarea.start {
	font-family: 'Roboto', sans-serif;
	border: 2px solid black;
	background-color: transparent;
	color: black;
	padding: 2px 4px;
	font-size: 8vw;
	width: 70%
}


button.connect {
	border: none;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(102, 153, 0);
	padding: 2px 4px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 8vw;
	box-shadow: 0px 1vh 0px rgba(50, 80, 0, 1);
}

hr.panel{
	border: 1px solid;
	border-color: rgba(0,0,0,0.3);
    margin-left: -3%;
    margin-right: -3%;
}

img{
	max-width:100%;
	height:auto;
}

button.main{
	font-size: 6vw;																
	font-family: 'Roboto', sans-serif;
	color: 255,255,255,0.4;
	transition: all 0.3s ease-out;
}

button.main:hover:enabled {
	color: 255,255,255,0.4;
}
button.main:active:enabled {
	color: 255,255,255,0.8;
	text-shadow: 0px 0px 3px white;
}

button.main:disabled{
	color: rgba(255, 255, 255, 0.8);
	background: rgb(153, 153, 153);
}

@keyframes nextbtnanimation {
	0%{
		background-position-x:0%;
	}
	100% {
		background-position-x:100%;
	}
}

button.nextbtn{
	animation: nextbtnanimation 1s linear;
	background: repeating-linear-gradient(-60deg, rgb(102, 153, 0) 0%, rgb(102, 153, 0) 15%, rgb(120, 180, 0) 15%,rgb(120, 180, 0) 35%) !important;
}

@keyframes expand {
  from {
    transform: scale(1.1);
    opacity: 0;
  }
}

@keyframes slide_in_left_25{
  from {
    transform: translateX(-25vw);
  }
}

@keyframes slide_in_left_30{
  from {
    transform: translateX(-30vw);
  }
}

@keyframes expand_transparent {
  from {
    transform: translateY(20px);
    opacity: 0;
    background: transparent;
  }
}

span.badge{
	background-color: rgba(0,0,0,0.2);
	border-radius: 1vw;
	padding: 0.4%;
	margin-top: 2.5%;
	transform: scale(0.4);
	font-size: 0.8em;
	margin-left: 1%;
	vertical-align: 10%;
}

div.animate{
	animation: expand .5s ease-in-out;
}

div.sidecard:after {
    content: '';
    display: block;
    clear: both;
}

div.sidecard{
	background-color: rgba(0,0,0,0.3);
	padding:3%;
	margin-top: 5%;
	position: relative;
	box-shadow: 0px 0.3vh 1vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	animation: expand .2s ease-in-out;
}

div.dark{
	color: black !important;
}

span.dark{
	color: black !important;
}

div.padded{
	margin-left:8px;
	margin-right:8px;
}

div.sidecard_transparent{
	background-color:transparent;
	padding:3%;
	margin-top: 3%;
	position: relative;
	border-radius: 4px;
	animation: expand_transparent .5s ease-in-out;
	color: black;
}

div.sidecard_color{
	--borderWidth: 3px;
	background-color:rgb(50,50,50);
	box-shadow: 0px 0.3vh 1vh rgba(0, 0, 0, 0.7);
	padding:3%;
	margin-top: 3%;
	position: relative;
	left:0;
	border-radius: 1vh;
	animation: expand .5s ease-in-out;
}

div.sidecard_color:after {
	content: '';
	position: absolute;
	border-radius: 1vh;
	top: -0.5vh;
	left: -0.5vh;
	height: calc(100% + 1vh);
	width: calc(100% + 1vh);
	background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
	z-index: -1;
	animation: animatedgradient 3s ease alternate infinite;
	background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

div.sidecard_white{
	background-color:white;
	color:black;
	padding:3%;
	margin-top: 3%;
	position: relative;
	box-shadow: 0px 1vw 0px rgba(100, 100, 100, 1);
	left:0;
	animation: expand .5s ease-in-out;
}

div.sidecard_left{
	background-color:red;
	padding:3%;
	margin-top: 3%;
	position: relative;
	border-top-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 4px;
	box-shadow: 0px 0px 5px rgba(200, 0, 0, 1);
	left:0;
}

div.sidecard_right{
	background-color:red;
	padding:3%;
	margin-top: 3%;
	position: relative;
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0;
	box-shadow: 0px 0px 5px rgba(200, 0, 0, 1);
	left:0;
}

div.bottombar{
	background-color:black;
	padding:0;
	margin-top: 0;
	position: fixed;
	border-radius:0x;
	left:0;
	bottom:0;
	width: 100%;
	animation: expand .5s ease-in-out;
}

div.bottombar_spacer{
	background-color:Transparent;
	left:0;
	height: calc(6vw + 70px);
	width: 100%;
}


div.messagebox{
	background-color:white;
	color:black;
	padding:3%;
	margin-top: 3%;
	position: fixed;
	box-shadow: none;
	border-top-left-radius: 1vh;
	border-top-right-radius: 1vh;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	left:0;
	right: 0;
	top:7%;
    	overflow-y: auto;
    	height: 50%;
	animation: expand .5s ease-in-out;
}

div.messagebox_bottom{
	background-color:white;
	color:black;
	padding:3%;
	margin-top: 3%;
	position: fixed;
	box-shadow: 0px 0.3vh 1vh rgba(0, 0, 0, 0.7);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 1vh;
	border-bottom-left-radius: 1vh;
	left:0;
	right: 0;
	top:7%;
    	overflow-y: auto;
    	height: 50%;
	animation: expand .5s ease-in-out;
}

div.top_corners{
	border-radius: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
div.bottom_corners{
	border-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

button.glow_transparent {
	border: none;
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0.3);
	padding: 7px 20px;
	font-size: 3vw;
	margin-right: 3vw;
	font-weight: normal;
	text-transform: uppercase;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
}
button.glow_transparent:hover:enabled {
	background-color: rgba(102, 102, 102, 0.2);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
	
}
button.glow_transparent:active:enabled {
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_orange {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(255, 128, 0);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_orange:hover:enabled {
	background: rgb(255, 166, 77);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_orange:active:enabled {
	background: rgb(204, 102, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_yellow {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	background: rgb(252, 202, 3);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_yellow:hover:enabled {
	background: rgb(253, 218, 78);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_yellow:active:enabled {
	background: rgb(177, 142, 2);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_lightgreen {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	background: rgb(241, 255, 181);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_lightgreen:hover:enabled {
	background: rgb(250, 255, 230);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_lightgreen:active:enabled {
	background: rgb(219, 255, 77);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_trivia {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	background: linear-gradient(17deg,#ffcc00 0%, #ff00ff 100%);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_trivia:hover:enabled {
	background: linear-gradient(17deg,#ffdb4d 0%, #ff66ff 100%);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_trivia:active:enabled {
	background: linear-gradient(17deg,#b38f00 0%, #b300b3 100%);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_wp {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: linear-gradient(17deg,#3e3e3e 0%, #800000 100%);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_wp:hover:enabled {
	background: linear-gradient(17deg,#3e3e3e 0%, #800000 100%);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_wp:active:enabled {
	background: linear-gradient(17deg,#3e3e3e 0%, #800000 100%);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_darkergreen {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(0, 102, 0);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_darkergreen:hover:enabled {
	background: rgb(0, 204, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_darkergreen:active:enabled {
	background: rgb(0, 51, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_softgreen {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: black;
	background: rgb(51, 255, 85);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_softgreen:hover:enabled {
	background: rgb(128, 255, 149);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_softgreen:active:enabled {
	background: rgb(0, 204, 34);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}


button.glow_salmon {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(255, 85, 51);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_salmon:hover:enabled {
	background: rgb(255, 149, 128);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_salmon:active:enabled {
	background: rgb(230, 38, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_white {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	background: rgb(255, 255, 255);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_white:hover:enabled {
	background: rgb(255, 255, 255);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_white:active:enabled {
	background: rgb(230, 230, 230);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_green {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(102, 153, 0);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;	
}
button.glow_green:hover:enabled {
	background: rgb(153, 230, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_green:active:enabled {
	background: rgb(51, 77, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_next {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background-color: rgb(102, 153, 0);
	background-image: 
	repeating-linear-gradient(
      -45deg, 
      rgb(102, 153, 0), 
      rgb(102, 153, 0) 1rem,
      rgb(147,183,76) 1rem,
      rgb(147,183,76) 2rem
    );
	animation: barberpole 10s linear infinite;
	background-size: 200% 200%;
	animation-direction: reverse;
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;	
}
button.glow_next:hover:enabled {
	background: rgb(153, 230, 0);
	background-image: 
	repeating-linear-gradient(
      -45deg, 
      rgb(152, 203, 0), 
      rgb(152, 203, 0) 1rem,
      rgb(197,233,76) 1rem,
      rgb(197,233,76) 2rem
    );
	animation: barberpole 10s linear infinite;
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_next:active:enabled {
	background: rgb(51, 77, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_red {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(204, 0, 0);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_red:hover:enabled {
	background: rgb(255, 77, 77);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_red:active:enabled {
	background: rgb(128, 0, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}


button.glow_purple {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(153, 51, 153);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_purple:hover:enabled {
	background: rgb(204, 102, 204);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_purple:active:enabled {
	background: rgb(115, 38, 115);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_gold {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(184,134,11);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_gold:hover:enabled {
	background: rgb(242, 185, 38);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_gold:active:enabled {
	background: rgb(120, 88, 7);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_lightpink {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	background: rgb(255, 207, 245);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_lightpink:hover:enabled {
	background: rgb(255, 255, 255);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_lightpink:active:enabled {
	background: rgb(255, 153, 233);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_darkgreen {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(107, 142, 35);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_darkgreen:hover:enabled {
	background: rgb(166, 210, 70);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_darkgreen:active:enabled {
	background: rgb(77, 102, 25);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_blue {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
    background: rgb(8, 57, 138);
    padding: 15px 40px;
    font-weight: normal;
    text-transform: uppercase;
}
button.glow_blue:hover:enabled {
	background: rgb(14, 101, 241);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_blue:active:enabled {
	background: rgb(6, 40, 96);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_black {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(0, 0, 0);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_black:hover:enabled {
	background: rgb(40, 40, 40);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_black:active:enabled {
	background: rgb(0, 0, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_darkgrey {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(40, 40, 40);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_darkgrey:hover:enabled {
	background: rgb(80, 80, 80);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_darkgrey:active:enabled {
	background: rgb(0, 0, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_darkred {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);

	background: rgb(107, 0, 0);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_darkred:hover:enabled {
	background: rgb(117, 0, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_darkred:active:enabled {
	background: rgb(90, 0, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}


button.glow_lightblue {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(100, 149, 237);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_lightblue:hover:enabled {
	background: rgb(187, 208, 247);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_lightblue:active:enabled {
	background: rgb(27, 97, 228);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_beige {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 1vh;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	background: rgb(255, 255, 204);
	padding: 15px 40px;
	font-weight: normal;
	text-transform: uppercase;
}
button.glow_beige:hover:enabled {
	background: rgb(255, 255, 255);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}
button.glow_beige:active:enabled {
	background: rgb(255, 255, 128);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
}

button.glow_purple_vote {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 0.5vh;

	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(153, 51, 153);
	padding: 7px 20px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 4vw;
	margin-right: 3vw;

	/*box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;*/
}
button.glow_purple_vote:hover:enabled {
	background: rgb(204, 102, 204);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
	/*box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;*/
}
button.glow_purple_vote:active:enabled {
	background: rgb(115, 38, 115);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);
	/*box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;*/
}

button.glow_red_vote {
	border: none;
	box-shadow: 0px 0.15vh 0.5vh rgba(0, 0, 0, 0.7);
	border-radius: 0.5vh;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
	background: rgb(204, 0, 0);
	padding: 7px 20px;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 4vw;
	margin-right: 3vw;

	/*box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;*/
}
button.glow_red_vote:hover:enabled {
	background: rgb(255, 77, 77);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);

	/*box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;*/
}
button.glow_red_vote:active:enabled {
	background: rgb(128, 0, 0);
	box-shadow: 0px 0.3vh 1vh rgba(1, 1, 1, 0.7);

	/*box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;*/
}


div.check{
	width:33%;
	float: left;
	margin-top: 3;
}

button.check_right,check_left {
	padding: 7px 7px;
	font-size: 3vw;
	height: 7vw;
}

button.alevel_left {
	padding: 7px 7px !important;
	font-size: 3vw !important;
	z-index:10 !important;
	width: 33% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}
button.alevel_middle {
	padding: 7px 7px !important;
	font-size: 3vw !important;
	z-index:0 !important;
	width: 33% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}
button.alevel_right {
	padding: 7px 7px !important;
	font-size: 3vw !important;
	z-index:9 !important;
	width: 33% !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}
button.alevel_right:hover, button.alevel_middle:hover, button.alevel_left:hover{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
button.alevel_right:active, button.alevel_middle:active, button.alevel_left:active{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

button.flatbtn {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
button.flatbtn:hover{
	margin-top: 0 !important;
}
button.flatbtn:active{
	margin-top: 0 !important;
}

button.bottom_button {
	padding: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	font-size: 6vw;
	border-bottom-left-radius: 0;
	padding: 15px 40px;
	width: 50%;

	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-radius: 0 !important;
}

button.bottom_button:hover:enabled {
	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
button.bottom_button:active:enabled {
	box-shadow: none !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

button.nomovement:hover:enabled {
	margin-top: 0;
	margin-bottom: 0;
}
button.nomovement:active:enabled {
	margin-top: 0;
	margin-bottom: 0;
}

button.small {
	padding: 7px 20px;
	font-size: 3vw;
	margin-right: 1vw;
	font-weight: normal;
	text-transform: uppercase;
}

input.openup {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

button.noshadow {
	box-shadow: none !important;
}

input.opendown {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

button.openup {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

button.opendown {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

div.under{
	margin-left: 5%;
	margin-top: 20px;
}

div.noanimation{
	animation: none;
}