#content-wrapper {
   overflow: hidden;
}
#content-left {
    float:left; 
    text-align:center;
    float:left;
    width:300px;
    height: 100vh;
}
#content-right {
  position: relative; 
  overflow: hidden;
  height:100vh;
}
#map-container {
    aspect-ratio : 0.707 / 1;
    position: absolute;
    height: 100vh;
}
button#gen-map-button {
	width:150px;
}
#gen-options {
	padding: 20px 0px;
}
canvas#map-canvas {
    position: absolute;
    width: 84%;
    height: 84%;
    margin: 8%;
    left: 0;
    top: 16.5%;
}
.covered-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.covered-image img {
    height: 100vh;
    position: absolute;
    left: 0;
}
/*
h1#title {
	text-align:center;
}
*/
/*canvas#maincanvas{
	position: absolute;
}
*/
body, html, canvas {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}