body {
       margin: 0;
       font-family: Arial, Helvetica, sans-serif;
   }
   
   .topnav {
       overflow: hidden;
       background-color: #333;
   }
   
   .topnav a {
       float: left;
       color: #f2f2f2;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
       font-size: 17px;
   }
   
   .topnav a:hover {
       background-color: #ddd;
       color: black;
   }
   
   .topnav a.active {
       background-color: #4CAF50;
       color: white;
   }
   
   .navbar {
       overflow: hidden;
       background-color: #333;
   }
   
   .navbar a {
       float: left;
       font-size: 16px;
       color: white;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
   }
   
   .dropdown {
       float: left;
       overflow: hidden;
   }
   
   .dropdown .dropbtn {
       font-size: 16px;
       border: none;
       outline: none;
       color: white;
       padding: 14px 16px;
       background-color: inherit;
       font-family: inherit;
       margin: 0;
   }
   
   .navbar a:hover,
   .dropdown:hover .dropbtn {
       background-color: #4CAF50;
   }
   
   .dropdown-content {
       display: none;
       position: absolute;
       background-color: #f9f9f9;
       min-width: 160px;
       box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
       z-index: 1;
   }
   
   .dropdown-content a {
       float: none;
       color: black;
       padding: 12px 16px;
       text-decoration: none;
       display: block;
       text-align: left;
   }
   
   .dropdown-content a:hover {
       background-color: #ddd;
   }
   
   .dropdown:hover .dropdown-content {
       display: block;
   }
   
   .login {
       width: 40%;
       height: 40%;
       overflow: auto;
       margin: auto;
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       right: 0;
   }
   
   .bootbutton {
       display: inline-block;
       margin-bottom: 0;
       font-weight: 400;
       text-align: center;
       white-space: nowrap;
       vertical-align: middle;
       -ms-touch-action: manipulation;
       touch-action: manipulation;
       cursor: pointer;
       background-image: none;
       border: 1px solid transparent;
       padding: 6px 12px;
       font-size: 14px;
       line-height: 1.42857143;
       border-radius: 4px;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       width: 20vw;
       color: #fff;
       background-color: #5bc0de;
       border-radius: 4px;
       border-color: #46b8da;
   }
   
   #div1 {
       width: 250px;
       height: 100px;
       padding: 10px;
       border: 1px solid #aaaaaa;
   }