@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;700;900&display=swap');
h1 {
	font-family: 'Henny Penny';
	font-size: 12vw;
	text-align: center;
	color: rgb(255, 0, 205);
}
body {
	padding: 0;
	border: 0;
	background-color: #eee;
}
.btndiv {
	float: left;
	display: flex;
	width: 45vw;
	height: 15vh;
	border: 1vw solid #ddd;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-radius: 1vw;
	transition: background-color 0.25s ease, color 0.25s ease;
	font-family: Lato;
	font-weight: 700;
	font-size: min(5vw, 3vh);
}
.nosel {
	background-color: rgba(255,255,255,0.9);
}
.sel {
	background-color: orange;
	color: white;
	border-color: orangered;
}
.resdiv {
	float: left;
	width: 75vw;
	font-size: min(5vw, 3vh);
	border-top: 4px solid #48f;
	border-bottom: 4px solid #48f;
}
.unused {
	float: left;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 17vw;
	height: 10vw;
	border: 1vw solid #f80;
	margin: 4px;
	border-radius: 1vw;
	font-family: Lato;
	font-weight: 300;
	font-size: min(2vw, 1.5vh);
}
#cover-spin {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:99;
	visibility: hidden;
}
#resultmsg {
	font-family: Lato;
	width: 100%;
	font-size: 12vw;
	color: orangered;
	text-align: center;
	padding-top: 10vh;
	font-weight: 900;
	text-shadow: 0 1vw 2vw #888;
}
input[type="text"] {
	border: 1vw solid #ddd;
	border-radius: 2vw;
	padding: 1vw;
	font-family: Lato;
	font-weight: 300;
	font-size: 6vw;
}
p, li {
	font-family: Lato;
	font-weight: 300;
	font-size: 3vw;
}
input[type="button"] {
	border: 1vw solid #ddd;
	border-radius: 2vw;
	background-color: #D87E7A;
	color: white;
	font-weight: 900;
	padding: 1vw;
	margin-top: 3vw;
	font-family: Lato;
	font-weight: 300;
	font-size: 6vw;
}
input[type="button"]:active, input[type="button"]:hover {
	border-color: red;
	box-shadow: 0 1vw 2vw #888;
	font-family: Lato;
	font-weight: 300;
	font-size: 6vw;
}