ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    text-align:center;
     border: 5px solid red;
}

li {
    display: inline;
}

li a {
    display:inline-block;
    color: white;
    text-align: center;
    padding: 20px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: firebrick;
}

.active {
    background-color: firebrick;
} 
    li {
    border-right: 1px solid #bbb;
}
                                                                 
li:last-child {
    border-right: none;
}
    img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div {
	height: 1px;
    width: 1px;
}


 body{background-color: black;}

 h1 {color:firebrick; font-family:Majesti Banner Book; font-size: 450%; text-align: center;}
  
 p { color:darkgray; font-family:Majesti Banner Heavy ; font-size: 200%; text-align: center;}