:root {
	--navColor: #222;
	--navTextColor: #6aeb6a;
	--hoverColor: #1d611d;
	--hoverTextColor: #6aeb6a;
}

.navbar {
	overflow: hidden;
	border: none;
	border-radius: 	0;
	text-transform: uppercase;
}

.navbar a, .navbar button {
	font-size: 1vw;
	color: var(--navTextColor);
	text-align: center;
	text-decoration: none;
}

.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
	font-size: 1vw;  
	color: var(--navTextColor);
	border: none;
	outline: none;
	padding: 0.5vw 0.5vw;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.navbar a:hover, .navbar button:hover, .dropdown:hover .dropbtn {
	color: var(--hoverTextColor);
	background-color: var(--hoverColor);
}

.dropdown-content {
	display: none;
	position: absolute;
	min-width: 8vw;
	z-index: 71;
}

.dropdown-content a, .dropdown-content button {
	float: none;
	border: none;
	color: var(--navTextColor);
	background-color: var(--darkGrey);
	padding: 0.5vw 0.5vw;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover, .dropdown-content button:hover {
	color: var(--hoverTextColor);
	background-color: var(--hoverColor);
}

.dropdown:hover .dropdown-content {
	display: block;
}

.playersCountSelect {
	background-color:#6aeb6a;
	padding: 		2vh 2vw 2vh 2vw;
}
.cancelButton {
	background-color:#eb6a73;
	padding: 		3vh 7vw 3vh 7vw;
}

#newGameScreen {
	visibility: 	hidden;
	background-color:#333330;
	color:			#ebeded;
	position: 		fixed;
	left: 			25vw;
	top:			20vh;
	width:			40vw;
	height:			40vh;
	border-radius: 	0.5vw;
	font-size: 		1.25vw;
	text-align: 	left;
	padding: 		5vh 5vw 5vh 5vw;
	z-index:		50;
}

#newRulesScreen {
	visibility: 	hidden;
	background-color:#333330;
	color:			#ebeded;
	position: 		fixed;
	left: 			25vw;
	top:			10vh;
	width:			50vw;
	height:			70vh;
	border-radius: 	0.5vw;
	font-size: 		1.25vw;
	text-align: 	left;
	padding: 		5vh 5vw 5vh 5vw;
	z-index:		50;
}
#teamSelectScreen {
	visibility: 	hidden;
	background-color:#333330;
	color:			#ebeded;
	position: 		fixed;
	left: 			25vw;
	top:			20vh;
	width:			40vw;
	height:			40vh;
	border-radius: 	0.5vw;
	font-size: 		1.25vw;
	text-align: 	left;
	padding: 		5vh 5vw 5vh 5vw;
	z-index:		50;
}