            .topnav a {
                float: left;
                color: white;
                text-align: center;
                padding: 16px 16px;
                text-decoration: none;
                font-size: 15px;
                width: 8%;
                border-radius: 7px;
            }
            
            .topnav a:hover {
                background-color: #DEB27A;
                color: white;
            }
            
            .topnav a.active {
                background-color: #F0C692;
                color: white;
                text-decoration: none;
                
            }
            
            #navbar {
                position: sticky;
                top: 0;
                overflow: hidden;
                background-color: #17333B;
                box-shadow: 5.5px 5.5px 3px #1C261A;
            }
            
            .topnav {
                overflow:hidden;
                background-color: black;
            }
            
            #header {
                background-color: #10252B;
                color: white;
                text-align: center;
                margin: auto;
                height: 100px;
                padding: 15px;
            }
            
            /*Second topnav starts here*/
            
            .Osatnav a {
                float: left;
                color: white;
                text-align: center;
                padding: 16px 9.5px;
                text-decoration: none;
                font-size: 15px;
                width: 9%;
                border-radius: 7px 7px 0px 0px;
            }
            
            .Osatnav a:hover {
                background-color: #3D4A39;
                color: white;
            }
            
            .Osatnav a.active {
                background-color: #485944;
                color: white;
                text-decoration: none;
                
            }
           
            .Osatnav {
                overflow:hidden;
                background-color: #2E382B;
            }
            
            body {
                margin: 0;
                background-color: #485944;
            }
            
                        .topnav a.split {
                float: right;
                padding: 16px 10px;
            }
            
            i {
                padding-right: 9px;
                font-size: 20px;
            }
            
             .Review a {
              background-color: #B39E81;
              padding: 4px 5px;
              border: 1px solid #B39E81;
              color: white;
              border-radius: 3px;
              text-decoration: none;
          }
          
          .Review a:hover {
              background-color: white;
              padding: 4px 5px;
              border: 1px solid #B39E81;
              color: #B39E81;
              border-radius: 3px;
              text-decoration: none;
          }
          
          aside {
                margin-right: 110px;
                margin-top: 70px;
                border: 1px solid #DBC5A4;
                padding: 30px;
                width: 260px;
                border-radius: 10px;
                height: 650px;
                overflow: auto;
                background-color: #DBC5A4;
                box-shadow: 6px 6px #2E382B, 12px 12px #384535, 18px 18px #42523E;
                color: white;
                float: right;
            }
            
            span {
                font-size: 20px;
                padding-left: 10px;
            }
            
            aside:hover {
                box-shadow: -6px -6px #2E382B, -12px -12px #384535, -18px -18px #42523E;
            }
            
             table {
                background-color: #B39E81;
                margin-left: 60px;
                height: 500px;
                width: 980px;
                border-radius: 0px 0px 8px 8px;
                border-spacing: 5px;
                box-shadow: 6px 6px #2E382B, 12px 12px #384535, 18px 18px #42523E;
            }
            
            th, td {
                background-color: #C7AF8F;
                 border-radius: 10px;
                 border: 2px solid #A69377;
                 text-indent: 3px;
                color: white;
                text-align: left;
                padding: 15px;
            }
            
            .th-1 {
                color: #96856B;
                padding: 7px;
            }

            .div-1 {
                float: left;
                margin-left: 60px;
                background-color: #DBC5A4;
                border: 4px solid #B39E81 ;
                height: 64px;
                width: 972px;
                text-indent: 3px;
                border-radius: 8px 8px 0px 0px;
                color: #96856B;
                box-shadow: 6px -6px #2E382B, 12px -12px #384535, 18px -18px #42523E;
                text-decoration: underline;
            }
            
            .pic {
                width: 850px;
                height: 800px;
                border-radius: 10px;
                 margin-top: 110px;
                margin-left: 200px;
                background-color: white;
                float: left;
                box-shadow: 6px 6px #2E382B, 12px 12px #384535, 18px 18px #42523E;
            }
            
            .pic:hover {
                box-shadow: -6px -6px #2E382B, -12px -12px #384535, -18px -18px #42523E;
            }