html, body, #app {
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh; /*calc(100% - 250px);*/
    margin: 0px;
    font-family: monospace; /*Courier, 'Courier New', monospace;*/
}

#app { overflow: hidden; }

/*
body { overflow: hidden; }
*/

.dark {
    background-color: #1a1a1a;
    color: #f2f2f2;
}

.light {
    color: #1a1a1a;
    background-color: #f2f2f2;
}

header, #body, footer { margin: 0px; }

#body { height: 100%; }

h1 { text-align: center;}

header {
    background-color: #3b3b3b;
    color: #f2f2f2;
}

footer {
    background-color: #2a2a2a;
    color: #f2f2f2;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.dark .snyder { color: #f2f2f2; }
.light .snyder { color: #000000; }
.union { color: #ea4335; }
.other { color: #fbbc05; }
.schuylkill { color: #34a853; }
.northumberland { color: #4285f4; }

.g-red { color: #ea4335; }
.g-yellow { color: #fbbc05; }
.g-green { color: #34a853; }
.g-blue { color: #4285f4; }

#group-info {
    font-size: 2em;
    text-align: center
}