#wrapper    {
    width:80%;
    margin-left:100px;
    margin-right:auto;   
    } 
nav     {
    font-family:fantasy;
    position: fixed;
    padding:40px;
    
}
nav a:hover   {
    background-color: #F5F5F5;
    color:#708090;
}
nav ul  {
    list-style-type: none;
    margin:0;
    padding:10px;
}
nav ul li   {
    display:block;
}
nav ul li a    {
    text-decoration: none;
    padding:15px;
    background-color: #A9A9A9;
    color:#fff;
    display: block;
}
div{
    text-align: center;
    align-content: flex-start;
}

h1  {
    text-align: center;
    font-family: monospace;
}
h3  {
    text-align:center;
    font-family: monospace;
}
p   {
    text-align: center;
    padding: 1rem;
    font-family:fantasy;
}

main p, h3  {
    background-color:#D3D3D3;
    
}
main h1 {
    border-bottom: 1px solid #808080;
}
footer  {
    text-align:center;
    padding:1rem;
}