* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
    color: #ebebed;
    text-decoration: none;
}

body {
    text-align: center;
    line-height: 1.5;
}

nav {
    background: #272333;
    color: #ebebed;
    overflow: auto;
}

nav ul {
    float: right;
    list-style: none;
}

nav ul li {
    float: left;
}

nav ul li a {
    display: block;
    padding: 20px;
    text-align: center;
}

nav ul li a:hover, nav ul li a.current {
    background: #3e394d;
    color: #97bf6b;
}

.primary {
    background: #97bf6b;
    color: #272333;
    font-family: 'Seogeo UI', 'Tohma', 'Verdana', sans-serif;
    margin-top: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.primary h1 {
    padding-bottom: 15px;
}

/* it's spooky month so that means spooky buttons */
.boo-ton {
    display: inline-block;
    font-size: 15px;
    background: #272333;
    color: #ebebed;
    padding: 12px 18px;
    border: none;
    cursor: pointer;
    border-radius: 20%;

}

.boo-ton:hover {
    background: #3e394d;
    color: #97bf6b;
}

footer {
    padding: 20px;
    background: #272333;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
}