ul 
{
    background-color: darkslategray;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: center;
    font-size:1vw;
    border-style: solid;
    border-width: thick;
    border-color: black;
}
li 
{
    padding: 1%;
    display: inline;
    float: left;
}
#menuitem
{
    border-right-style: solid;
    border-right-width: thick;
    border-right-color: black;
    border-collapse: collapse;
}
li a 
{
    color: greenyellow;
    display: block;
    text-align: center;
    text-decoration: none;
}
body
{
    background-color: darkslategray;

}
a:link 
{
    color: greenyellow;
    background-color: transparent;
    text-decoration: none;
}
  
a:visited 
{
    color: greenyellow;
    background-color: transparent;
    text-decoration: none;
}
  
a:hover 
{
    color: white;
    background-color: transparent;
    text-decoration: none;
}
  
a:active 
{
    color: white;
    background-color: transparent;
    text-decoration: none;
}
#logo
{
    width: 15%; 
    height:auto;
}
#example
{
    width: 100%;
}
#examplebg
{
    border-style:solid;
    border-width: thick;
    padding: 1%;
    text-align:center;
}
#examplelink
{
    padding:1%
}