body {
        background: #000;
}

img#logo {
        display:block;
        margin-left: auto;
        margin-right: auto;
        width: 25%;
        height: auto;
}

div#nav {
	text-align: center;
	margin-top: 15px;
	font-family:Tahoma;
	font-size: large;
}

div#guts {
	text-align: center;
}

ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #fedc41;
}

li {
	display: inline-block; /* float: left; */
}

li a, .dropbtn {
        display: inline-block;
        color: #000;
        text-align: center;
        padding: 14px 14px;
        text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
        color: #fedc41;
        background-color: #000;
}

li.dropdown {
        display: inline-block;
}

.dropdown-content {
        display: none;
        position: absolute;
}

.dropdown-content a {
        color: #000;
        background-color: #fedc41;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
}

.dropdown-content a:hover {
        background-color: #fedc41
        color: #000;
}

.dropdown:hover .dropdown-content {
        display: block;
}