$sidebar_width: 20%;
$sidebar_background: rgba(45, 45, 45, 1);
$body_background: rgba(30, 30, 30, 1);

body {
    margin: 0;
    nav {
        height: 100%;
        position: fixed;
        width: $sidebar_width;
        background: $sidebar_background;
        padding-top: 32px;
        padding-bottom: 16px;
        img {
            width: 100%;
        }
        div {
            padding: 0 16px 0 16px;
        }
    }

    main {
        height: 100%;
        box-sizing: border-box;
        margin-left: $sidebar_width;
        background: $body_background;
        padding-top: 32px;
        color: white;

        article {
            margin: auto;
            border: 1px solid white;
            padding: 13px;
            max-width: 1000px;
        }
    }
}

@media screen and (max-width: 1000px) {
    @import "mobile.scss";
}