* { /* reset */
	padding:0;
	margin:0;
	box-sizing:border-box;
	-webkit-user-select: none; /* Safari */
	user-select: none; /* Standard syntax */
	user-drag: none; /* Standard syntax */
	-webkit-user-drag: none; /* Safari and Chrome */
}
body {
  background-color: ivory;
	font-family: sans-serif;
	font-size: 3vmin;
}
#head {
  width:95vmin;
  height:8vmin;
  display:flex;
  justify-content: space-around;
  align-items: center;
  margin:0 auto;
}
#head img {
  height:60%;
  cursor: pointer;
}
#main {
	width:95vmin;
	display:flex;
	flex-direction: column;
	align-items: center;
	margin:0 auto;
}
#question_answers {
	width:81%; height:33.5vmin;
	display:flex; flex-direction:column;
	gap:1vmin;
}
#row1, #row2 {
	display:flex;
	justify-content: space-evenly;
}
#question {
	width:100%;
	text-align: center;
}
#question, .choice {
	padding:1vmin 2vmin;
	border:.5vmin groove gold;
	border-radius:2vmin;
	background-color: honeydew;
}
.choice {
	width:48%;
	text-align: center;
}
.choice span {
	color:brown;
	font-weight: bold;
}
#buttons {
	width:100%;
	margin:2vmin 0;
	display:flex;
	justify-content: space-between;
}
#buttons div, #lifelines div {
	padding:1vmin 2vmin;
	border:.5vmin groove gold;
	border-radius:2vmin;
}
#best {
	background-color: mediumblue;
	color:lightsalmon;
}
#next {
	background-color: palegreen;
}
#quit {
	background-color: pink;
}
.choice, #next, #quit {
	cursor: pointer;
}
#ladder {
	border-radius:2vmin;
	display:flex;
	flex-direction: column;
	font-family: monospace;
	background-color: mediumblue;
	color:lightsalmon;
	padding:2vmin 1vmin;
	margin:1vmin 4vmin 1vmin 0;
}
#ladder div {
	border-radius:2vmin;
	padding:.1vmin 2vmin;
	cursor: pointer;
}
#rest {
	width:100%;
	display:flex;
	justify-content: center;
	align-items: flex-start;
}
.outline {
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#panel {
	width:50%;
	display:flex;
	flex-direction: column;
}
#lifelines {
	margin-top:1vmin;
	display:flex;
	flex-direction: column;
	align-items: center;
	gap:.5vmin;
}
#lifelines div {
	cursor: pointer;
	background-color: slateblue;
	color:white;
}
#info {
	margin-top:2vmin;
	font-size: 2.4vmin;
	text-align: center;
}
#fireworks {
	margin-top:1vmin;
	display:none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
  background: black;
}
@media (orientation:portrait) {
}