body{
background-color: black;
color: white;
font-family: monospace;
overflow: hidden;
}

a{
color: white;
}

#infobox{
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	word-wrap: break-word;
	min-width: 15vw;
	max-width: 30vw;
	font-size: 1.2em;
}

#map{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
}

#desc{
	width: 18%;
	position: fixed;
	z-index: 1;
	font-style: italic;
	background-color: rgba(0,0,0,0.7);
}
#desc-menu-hide-button{
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
	text-align: center;	
	font-style:initial;
}
#desc-menu-hide-button:hover{
	background-color: rgba(45, 45, 45, 0.7);
}
@media screen and (orientation: portrait){
	#desc{
		width: 100%;
	}
	#infobox{
	position: absolute;
	background-color: rgba(0,0,0,0.7);
	word-wrap: break-word;
	min-width: 60vw;
	max-width: 100vw;
	font-size: 1.2em;
	}
	#map{
		width: auto;
	}
}