body {
    background-color: #313338;
}

nav {
	position: fixed;
    width: 300px;
    height: 100%;
    background: #1a1a1e;
    left: 0;
    top: 0;
    padding: 20px 0;
    box-shadow: 0 25px 50px -10px rgba(0, 0, 0, .50);
    z-index: 1000;
    transition: 0.3s;
    border-radius: 0px 25px 25px 0px;
}

h1,
h2,
a,
ul,
header,
p {
    color: white;
}

#sidebar-toggle,
.menu-button,
.close-button {
    display: none;
}

@media (max-width: 768px) {
    .menu-button {
        display: block;
    }
}

nav h2 {
    font-size: 35px;
    background-color: #29292D;
    border-radius: 25px;
    width: 270px;
    padding-top: 5px;
    padding-bottom: 10px;
}

nav ul {
    font-size: 25px;
}

main {
    padding-left: 325px;
}