/* add a black background color to the top navigation */
            .topnav{
                background-color: #333;
                overflow: hidden;
             }
            /* style the links inside the navigation bar*/
             .topnav a{
                 float: left;
                 color: #f2f2f2;
                 text-align: center;
                 padding: 14px 16px;
                 text-decoration: none;
                 font-size: 17px;
             }
            /* change the color of the links on hover */
            .topnav a:hover{
                background-color: #ddd;
                color: black;
            }
            /* add a color ot the active/current link*/ 
            .topnav a.active{
                background-color: #4CAF50;
            }
            
            /* changes font of body*/
            body{
                font-family: Arial;
            }
            
           .sidenav {
              height: 100%;
              width: 0;
              position: fixed;
              z-index: 1;
              top: 0;
              left: 0;
              background-color: #111;
              overflow-x: hidden;
              transition: 0.5s;
              padding-top: 60px;
            }

            .sidenav a {
              padding: 8px 8px 8px 32px;
              text-decoration: none;
              font-size: 25px;
              color: #818181;
              display: block;
              transition: 0.3s;
            }

            .sidenav a:hover {
              color: #f1f1f1;
            }

            .sidenav .closebtn {
              position: absolute;
              top: 0;
              right: 25px;
              font-size: 36px;
              margin-left: 50px;
            }

            @media screen and (max-height: 450px) {
              .sidenav {padding-top: 15px;}
              .sidenav a {font-size: 18px;}
            }


          /* Main content */
          .main {
            margin-left: 200px; /* Same as the width of the sidenav */
            font-size: 20px; /* Increased text to enable scrolling */
            padding: 0px 10px;
          }

          /* Add an active class to the active dropdown button */
          .active {
            background-color: green;
            color: white;
          }