* { /* 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: 18px;
}
#head, #foot {
  width:95vmin;
  height:8vmin;
  display:flex;
  justify-content: space-around;
  align-items: center;
  margin:0 auto;
}
#head img {
  height:6vmin;
  cursor: pointer;
}
#head #title img, #foot #titleB {
	height:4vmin;
}
#titleB {
	visibility: hidden;
}
#title {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#title div {
  margin-top:-1.4vmin;
}
#main {
	width:95vmin;
	display:flex;
	flex-direction: column;
	margin:0 auto;
}
.btn {
	background-color: #cfc;
	border: double .6vmin grey;
	padding: .2vmin 1.2vmin .6vmin 1.2vmin;
	border-radius: 3vmin;
	cursor:pointer;
}
b {color:green; font-weight: normal; font-style: italic;}
i {color:blue;}
p, h3 {
	margin:1vmin 5vmin;
}
code {font-size: 1.7vmin;}
.centref {
  display: flex;
  justify-content: center;
  margin:0 auto;
}
.w80 {
	width:80%;
}
.w60 {
	width:60%;
}
#panel {
	margin-top:2vmin;
	margin-bottom: 1vmin;
}
#fireworks {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
  background: black;
}
h4 {color:brown;}