html, body {	
	font-family: "Archivo";
	overflow:hidden;
	min-width: 100vh;
	min-height: 100vh;
	color: #FFF;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -moz-padding-start: calc(10px - 3px);
  appearance: none;
  border: none;
  
  background-color: #F46531;
  color: white;
    
  width: 25%;
  height: 60px;
  
  font-size: 1.5em;
  font-weight: bold;
  
  padding: 10px;
  border-radius: 10px;
  outline:none;
  cursor: pointer;
  
  box-shadow: 3px 3px 0px #42FFFF;
}


select option {
  	font-size: 1em;
  	font-weight: bold;
}

select:hover {
	background-color: #fff;
 	color: #ff5252;
  	border: 2px solid #ff5252;
  	box-shadow: 5px 5px 0px #ff5252;
}


select:focus::-ms-value {
  background-color: transparent;
}

select::-ms-expand {
  display: none;
}

form .guess {
	outline: none;
	color: #F07B49; /* Orange */
		
	font-size: 4em;
	background-color: transparent;
	
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-right: 0px solid;
	border-bottom: 4px solid #EA8B52;
  	
}

form .solution {	
	outline: none;
	color: #F07B49; /* Orange */
		
	font-size: 4em;
	background-color: transparent;
	
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-right: 0px solid;
	border-bottom: 4px solid #EA8B52;
  	
	font-family: "Inter", sans-serif;
}

form .submit-button {
	outline: none;
	color: white;
		
	background-color: transparent;
	
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-right: 0px solid;
	border-bottom: 4px solid white;
  	
  width: 25%;
  height: 60px;
	text-align:center;
}

form .submit-button:hover {
	outline: none;
	color: white;
		
	font-size: 2em;
	background-color: transparent;
	
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-right: 0px solid;
	border-bottom: 4px solid #F07B49;
  	
	font-family: "Inter", sans-serif;
	
	
 	transform: scale(1.0) rotate(6deg);
 	background-color: #F07B49;
 	color: white;
}


form .c_shield {
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;

	width: 15%;
	outline: none;
	
	border-top: 1px solid #666; 
	border-left: 1px solid #666; 
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	
	background-color: #999;
	color: white;
	font-family: "Silkscreen", sans-serif;
	
	height:35px;
	text-align: center;
}

form .c_txtfield {
	width: 100%;
	outline: none;
	padding-left: 5px;
	
	align-items: left; 
	
	border-top: 1px solid #666; 
	border-left: 1px solid #666; 
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	
	font-size: 1.2em;
}

form .c_txtfield:hover, c_texfield:focus {
	background-color: #CCC;
}

form .c_txtarea {
	font-size: 1.2em;
	width: 100%;
	outline: none;
	
	padding-left: 5px;
	
	align-items: left;
	
	border-top: 0px solid black; 
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-bottom: 0px solid black;
}

form .c_txtarea:hover, .c_txtarea:focus {
	font-size: 1.2em;
	padding-left: 5px;
	background-color: #B9FF73;
}

form .c_submit {
	width: 100%;
	background-color: #4DA6FF;
	font-family: "Silkscreen", sans-serif;
	font-size: 2em;
	align-items: center; 
	border-top: 1px solid black; 
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

form .c_submit:hover {
	background-color: #4DA6FF;
}