#hexgridPage {
    width: 100%;
    height: calc(100vh - 240px);
    text-align: center;
}

#mapContainer {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

#hexMap {
    width: 88%;
    height: calc(100% - 50px);

    max-width: 88%;
    max-height: calc(100% - 50px);

    display: block;

    transform: translateY(-45px);
    transform-origin: center center;
}

#sectorTitle,
#backButton {
    position: relative;
    top: -35px;
}