@import "colors.css";
@import "splash.css";
@import "menu.css";
@import "cities.css";


@import "footer.css";
body{
    background-color: var(--bg-color);
    color: var(--fg-color);
    font-family:CenturyGothic, Century Gothic, DidactGothic, Didact Gothic, sans-serif;
    width: 100vw;
    scroll-behavior: smooth;
    overflow-x: hidden;
    margin: 0;
}

div.screen{
    display: block;
    height: content-box;
    width: available;
    overflow: hidden;
    padding: 5px, 5vw, 5px, 5vw;
}
div.screen.picture{
    min-height: 96vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.shadow-box{
    background-color: #0006;
    border-radius: 20px; padding: 10px;
    margin: 2vw;
}
.shadow-box:empty, .shadow-box:blank{
    display: none;
    background-color: #0000;
}
.clear-box{
    padding: 10px;
    margin: 2vw;
}
@media only screen and (max-width: 768px) {
    .optionalColumn{
        display: none;
    }
}