@import "default.css";
.side-bar {
    margin: 0;
    padding: 0;
    background-color: rgba(0, 50, 0, 1);
    position: fixed;
    overflow: auto;
    padding: 5px;
}
.side-bar ul {
    list-style-type: none;
}
.side-bar li {
    display: block;
}
.container {
    overflow: scroll;
}
.site-header {
    width: 100%;
    background-color: rgba(0, 10, 0, 1);
}
.site-footer {
    width: 100%;
    text-align: right;
    background-color: rgba(0, 10, 0, 1);
}

@media screen and (orientation: portrait) {
    .side-bar {
        width: 150px;
        height: 93vh;
        font-size: 3vw;
    }
    .container {
        margin-left: 150px;
        height: 93vh;
        font-size: 3vw;
    }
    .site-footer {
        font-size: 7vh;
    }
}

@media screen and (orientation: landscape) {
    .side-bar {
        width: 200px;
        height: 95vh;
        font-size: 1.5vw;
    }
    .container {
        margin-left: 200px;
        height: 95vh;
        font-size: 1.5vw;
    }
    .site-footer {
        font-size: 5vh;
    }
}