.NavButton{
    color:white;
}
.Title{
    color:white;
}
.NavContainer{
    background-color: rgba(0,0,0,0.5);
    backdrop-filter: blur(10px);
}
.HamburgerSlab{
    color:White;
    background-color:White;
    border-radius: 0 !important;
}
body{
    background-color: rgba(40, 40, 50,255);
}
.watermark{
    font-family: "Microsoft Sans Serif",serif;
    font-size: 2vh;
    color:white;
}
.EditionBox{
    background-color: rgb(64, 64, 84);
    min-height: 70vh;
    margin:1vh;
}
@media only screen and (max-aspect-ratio: 16/9) {
    .ShowcaseImage {
        background-image: url("../Assets/CubicPixelsSceneMobileFormat.png") !important;
    }
}
@media only screen and (max-aspect-ratio: 1.15/1) {
    .HamburgerNavMenu{
        background-color: rgba(0,0,0,0.7);
        backdrop-filter: blur(10px) !important;
    }
    .HamburgerNavMenu::After{
        content: '';
        position: absolute;
        right: 10%;
        bottom:100%;
        width: 0;
        height: 0;
        border-left: 1.2vh solid transparent;
        border-right: 1.2vh solid transparent;
        border-bottom: 1.2vh solid rgba(0,0,0,0.7);
        clear: both;
    }
    .ScrollBox{
        background-color: rgba(0,0,0,0.3);
    }
}
.IntroTextBox{
    background-color: slategray;
}
.ShowcaseImage{
    background-image: url("../Assets/CubicPixelsScene.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
::-webkit-scrollbar {
    width: 1.25vh;
}
::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.5  );
    border-radius: 0vh;
}
::-webkit-scrollbar-thumb {
    background-color: rgb(64, 64, 84);
    border-radius: 0vh;
}
::-webkit-scrollbar-thumb:hover {
    background-color: slategray;
    cursor: grab;
}
::-webkit-scrollbar-thumb:active{
    cursor: grabbing;
}
.Footer{
    background-color: rgb(64, 64, 84);
}