main {
    max-width: 40em;
}

#mapContainer {
    position: relative;
}

#azMap {
    display: block;
    width: 100%;
    height: auto;
}

#resultDisplay {
    position: absolute;
    top: 0.3em;
    left: 0.3em;
    background: var(--bg1);
    border: 1px solid var(--border);
    border-radius: 0.5em;
    padding: 0.5em;
    font-size: 80%;
}

#resultDisplay p {
    margin: 0.2em;
    padding: 0.2em;
}

input {
    width: 10em;
    border: 1px solid var(--border);
}

#dist, #cardinal {
    font-weight: bold;
}