@font-face{font-family:optima;src:url(/fonts/optima_extrablack-webfont.woff2)format("woff2"),url(/fonts/optima_extrablack-webfont.woff)format("woff");font-weight:400;font-style:normal}body{box-sizing:border-box;width:100%;min-height:100vh;margin:0;padding:0;font-family:optima,sans-serif;font-size:18px}.app{flex-direction:column;align-items:center;gap:2em;width:100%;min-height:100vh;display:flex}header,footer{text-align:center;color:#fff;background-color:#e61212;width:100%}footer{margin-top:auto}.map-select{background-image:url(/old-book.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--off-white);grid-template-columns:1fr 1fr;place-items:center;width:100%;padding:5em 0;display:grid}.map-container{width:90%;position:relative}.topBar{flex-direction:row;justify-content:space-between;width:90%;padding:10px;display:flex}.selectionSurface{width:75%;position:relative}.selection{background-color:#0000003f;border:1px solid #000;display:flex;position:absolute}.buttons{flex-direction:column;justify-content:space-between;display:flex}button{width:100%;font-size:inherit;flex:1 1 0;font-family:inherit}img{width:100%;display:block}.map-card{width:50%}.gameboard{flex-direction:column;align-items:center;width:100%;display:flex}form{border:.2em solid #000;flex-direction:column;align-items:center;gap:1em;width:fit-content;margin-top:auto;margin-bottom:auto;padding:1em;display:flex}.selection-button{justify-content:space-between;align-items:center;display:flex}