@font-face {
  font-family: digifont;
  src: url("ShipporiAntiqueB1-Regular.ttf");
}

* {
	margin: 0;
	padding: 0;
	font-family: digifont;
	font-size: 9pt;
}

.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-size: cover;
	object-fit: fill;
	background-image: url('background.jpg');
	z-index: -2;
}

.bg2 {
	position: fixed;
	left: 0;
	top: 0;
	/*width: 550px;*/
	width: 750px;
	height: 100vh;
	background: linear-gradient(90deg,rgba(25, 113, 255, 0.7) 0%, rgba(25, 113, 255, 0.7) 75%, rgba(25, 113, 255, 0) 100%);
	background: linear-gradient(90deg,rgba(64, 64, 64, 0.7) 0%, rgba(64, 64, 64, 0.7) 75%, rgba(64, 64, 64, 0) 100%);

	z-index: -1;
}

.bg3 {
	position: fixed;
	right: 0;
	top: 0;
	/*width: 550px;*/
	width: 500px;
	height: 100vh;
	background: linear-gradient(90deg,rgba(25, 113, 255, 0) 0%, rgba(25, 113, 255, 0.7) 75%, rgba(25, 113, 255, 0.7) 100%);
	background: linear-gradient(90deg,rgba(64,64,64, 0) 0%, rgba(64,64,64, 0.7) 75%, rgba(64,64,64, 0.7) 100%);
	z-index: -1;
}

#flags label {
	margin-bottom: 5px;
}


.bigbox {

}

.gamebox {
	display: block;
	padding: 25px;
	margin: 5px;
	width: calc(256px + 20px);
	border-radius: 5px;
	border: 2px solid #FF9119;
	background-color: #FFC119;
	font-weight: bold;
}

.gamebox2 {
	padding: 10px;
	width: 256px;
	height: 224px;
	background-color: black;
	border-radius: 10px;
	background-color: #FF9119;
}

.debugbox {
	display: block;
	padding: 10px;
	margin: 5px;
	margin-top: 10px;
	border-radius: 5px;
	border: 2px solid #FF9119;
	background-color: #FFC119;
	width: calc(500px + 10px);
}

.debugbox2 {
	padding: 5px;
	background-color: #FF9119;
	border-radius: 5px;
}

.debugbox3 {
	background-color: #BD66B5;
	color: white;
	width: 500px; 
	max-height: 475px; 
	overflow-y: scroll;
}

.debugbox4 {
	 
}

.tabs {
	margin-top: 5px;
	margin-bottom: 10px;
}

.tabs button {
	margin-right: 5px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

#map button {
	padding-left: 10px;
	padding-right: 10px;
	/*font-weight: bold;*/
}

.debugbox4 {
	margin: 10px;
	font-weight: bold;
	min-height: 475px;
}

h1 { font-size: 25pt; margin-top: 0; margin-bottom: 5px; }
h2 { font-size: 15pt; margin-top: 5px; margin-bottom: 5px; }
h3 { font-size: 10pt; margin-top: 5px; margin-bottom: 5px; }
#about p { font-size: 8pt; margin-top: 5px; margin-bottom: 5px; font-weight: normal;}