body
{
	font-family:Calibri, Lucida Console;
	font-size:18px;
	background-color:black;
	color:white;
}


#wrapper
{
	display: flex;
  justify-content: center;
	font-family:Calibri, Lucida Console;
}

#cvs
{
	border:solid 4px white;
	/* float:left; */
	display: inline-block;
	margin-top:0px;
	cursor:none;
	background-color:white;
}

#sidebar
{
	background-color:orange;
	width: 360px;
	height:590px;
	border:solid 4px black;
	/* float:left; */
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	display: inline-block;
	margin-top:0px;
}

#country_name
{
	text-align:center;
}

#sidebar_content
{
	display: none;
}

#title_page
{
	text-align:center;
	font-size:42px;
}

#instructions
{
	display:block;
	text-align:center;
	font-size:16px;
	width:60%;
	margin:auto;
	white-space: pre-line !important;
	color:#7FF9F1;
}

#sub_instructions
{
	display:block;
	text-align:center;
	font-size:16px;
	width:60%;
	margin:auto;
	white-space: pre-line !important;
	color:white;
}


.sand
{
	color:#ffe563;
}

.water
{
	color:#1673FF;
}

.grass
{
	color:#099c06;
}

.rock
{
	color:#734f30;
}



#biome_name
{
	text-align:center;
	font-size:32px;
}

.undiscovered
{
	color:#3A3A3A;
}

#down_bar
{
	display:block;
	text-align: center;
	margin-top:20px;
}

input
{
	color:white;
	background-color:black;
	border:solid 4px white;
	font-weight: bold;
	margin-left:80px;
	margin:auto;
}

input:hover
{
	display:inline-block;;
	color:orange;
	background-color:black;
	border:solid 4px orange;
	cursor:pointer;
}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}