.text-title {
	font-size: 1.4em;
}

.text-subtitle {
	font-size: 1em;
}


.container2 {
    display: grid; 
    grid-template-columns: 100%; 
    grid-template-rows: 3% 94% 3%; 
    gap: 0px 0px; 
    border-right: 3px solid black;
    grid-template-areas: 
        "title"
        "mapper"
        "container3"; 
}

.container3 {
    display: grid;
    grid-template-columns: 50% 50%; 
    grid-template-rows: 1fr; 
    gap: 0px 0px;
    height: 100%; 
    grid-template-areas: 
        "author update"; 
}

.author { grid-area: author;
    margin: auto;
}

.update { grid-area: update;
    margin: auto;
}

.title { grid-area: title;
	margin: auto;
}

.mapper { grid-area: mapper;
}


.container {
  display: grid; 
  grid-template-columns: 75% 25%; 
  grid-template-rows: 1fr; 
  gap: 0px 0px;
  height: 100%; 
  grid-template-areas: 
    "container2 options"; 
}
.options { grid-area: options; }

#map {
  height: 100%;
}

/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}