nav ul{
      margin-right: 0;
      margin-left: 0;
      margin-top: 0;
      border: 1px solid #141414;
      border-top: 0;
      border-radius: 4px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      background-color: #4a4a4a;
      list-style-type: none;
      padding: 0;
      position: fixed;
      top: 0;
      width: 100%;
      font-family: "Rubik", sans-serif;
      font-size: 1.1em;
    }
    
    nav li {
      margin-right: 0;
      margin-left: 0;
      float: left;
      border-right: 1px solid #141414;
    }
    
    li a {
       margin-right: 0;
       margin-left: 0;
       list-style-position: inside;
       display: block;
       float: left;
       color: white;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
       list-style-type: none;
       font-family: "Rubik", sans-serif;
       font-size: 1.1em;
    }
    
    body{
        margin-left: 0%;
        margin-right: 0%;
        font-size: 1em;
        font-weight:normal;
        font-family: "roboto", sans-serif;
        color: #c6c9cc;
        background-color: #202124;
        list-style-position: inside;
    }
    
    p{
      margin-left: 5%;
      margin-right: 5%;
    }
      
    li{
      margin-left: 5%;
      margin-right: 5%;
    }
    
    table, th, td {
      border: 1px ridge black;
      margin-left: 5%;
      margin-right: 5%;
    }

    th, td{
      background-color: #4a4a4a; 
    }
    
    .img{
      margin-left: 5%;
      margin-right: 5%;
    }
    
    h1 {
        font-family: Garamond, serif;
        font-size: 2em;
        font-weight: bold;
        color: #c6c9cc;
        background-color: #303134;
        border-radius: 3px;
        margin-top: 4px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    
    h2 {
        font-family: Garamond, serif;
        font-size: 1.2em;
        font-weight: normal;
        color: #c6c9cc;
        background-color: #303134;
        border-radius: 3px;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    
    a {
      text-align: center;
      text-decoration: underline;
      list-style-type: none;
      color: #c6c9cc;
    }

    
    .test1{
      background-color: #000000;
      color: #7cf135;
    }
    
    li a:hover {
        background-color: #6b6b6b;
    }
    
    .serif-demo {
      font-family: serif;
    }

    .sans-serif-demo {
      font-family: sans-serif;
    }

    .cursive-demo {
      font-family: cursive;
    }

    .fantasy-demo {
      font-family: fantasy;
    }

    .monospace-demo {
      font-family: monospace;
    }

    .boxtest{
      background-color: #ffffff;
      margin: 1em;
      border: 1em inset #15abff;
      padding: 1em;
      color: #000000;
      }
      
    .ptest{
     background-color: #ffffff;
     margin: 1px;
     border: 1em inset #15abff;
     padding: 1em;
    }