h1{
    color: #99b3e6;
    text-align: center;
    font-family: monospace;
    font-size: 35;
    padding-top: 5%;
    padding-bottom: 5%;
    }


body{
    background-image: url("../Images/background.gif");
    background-repeat: no-repeat;
    background-size: cover;
    }


a{
    font-size: 20 
    }




/* Below this is the Programming to make the navigation bar work */



#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #B0B0B0;
    font-family: monospace;
}

#nav li {
    float: left;
}

#nav li a {
    display: block;
    color: ghostwhite;
    padding: 8px;
    background-color: #B0B0B0;
    
}

#nav a:link{
    text-decoration: none;
}

#nav a:visited{
    text-decoration: none;
}

#nav a:hover{
    text-decoration: none;
    background-color: #505050 ;
}

#nav a:active{
    text-decoration: none;
    background-color: #505050 ;
}


/* Below this is the Programming to make the topics list work */



#topics ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: monospace;
    padding: 5%;
    width: inherit;
}

#topics li {
    float: center;
}

#topics li a {
    display: block;
    color: ghostwhite;
    padding: 8px;
    background-color: lightgray;
    width: auto;
    text-align: center;
    
}

#topics a:link{
    text-decoration: none;
}

#topics a:visited{
    text-decoration: none;
}

#topics a:hover{
    text-decoration: none;
    background-color: B0B0B0;
}

#topics a:active{
    text-decoration: none;
    background-color: B0B0B0;
}