body {
    background-color: black;
    color: white;
}

.content-container {

display: flex;

}

.sidebar {

display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 200px;

}

.content {

margin-left: 200px;

}

@media (max-width: 768px) {
    .contentcontainer {
        flex-direction: column-reverse;
    }

    .sidebar {
        flex-direction: row;
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
    }

    .content {
        margin-left: 0;
        margin-bottom: 60px;
    }
}