#mobile-section {
    position: relative;
    top: 0%;
    height: max-content;
    min-height: 100vh;
    margin-left: 0 auto;
    left: 0;
    padding-top: 11vh;
    background-color:#ffffff;
}
#whole-map-container {
    text-align: center;
}
.map-container {
    font-size: calc(1.5vw + 1.5svh);
    margin-inline: 5%;
    padding: 8%;

    border-radius: 3em;
}
.map-letter {
    background: linear-gradient(0.25turn, #17c0ef, #00bfff);
    
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 0.5em;
    
    border-radius: 0.3em;

    user-select: none;

    font-weight: 500;
}
.map-container img {
    margin-bottom: 1.5em;
}
hr {
    color: #161616;
}

#specialthanks {
    margin-top: 10svh;
}

@media screen and (orientation:landscape){
    .map-container {
        font-size: calc(1vw + 1svh);
        margin-inline: 10%;
        padding: 10%;
    }
    .guidance {
        margin-top: max(min(15vw,15svh),1.8rem);
    }
}