@media (orientation: portrait) {
}

@media (orientation: landscape) {
    #maze-box {
        display:inline-block;
        vertical-align: middle;
    }
    #button-box {
        display: inline-block;
        vertical-align: middle;
    }
    #floor-box {
        display: block;
        vertical-align: top;
    }
    #sidebar {
        display: inline-block;
        vertical-align: top;
    }
    #ui-box {
        text-align: center;
        vertical-align: top;
    }
}

#maze-box {
    text-align: center;
}

#button-box {
    text-align: center;
}

#button-box table {
    margin-left: auto;
    margin-right: auto;
}

.float-clear {
    clear: both;
}

#floor-box {
    text-align: center;
}