body {
    margin-top: 50px;
    background-color: #1c1e20;
    color: #cdcdcd;
    font-family: arial;
}

nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-family: verdana;
}

nav ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    box-sizing: content-box;
}

nav li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    border: 5px solid #4D4D4D;
    border-right: none;
    background-color: #290e05;
}

nav li a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: powderblue;
}

nav li a:hover {
    background-color: coral;
}

h1 {
	color: #8ae717;
}

h2,
h3 {
    color: #ffc38a;
}

.code {
    background-color: #4D4D4D
}

a.external {
    color: #8ae717
}

footer {
	padding: 3px;
	border: skyblue;
	border-style: solid double none;
	text-align: center;
}