 /* Navbar container */
 
 .navbarx {
     overflow: hidden;
     background-color: #333;
     font-family: Arial;
 }
 /* Links inside the navbar */
 
 .navbarx a {
     float: left;
     font-size: 16px;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
 }
 /* The dropdown container */
 
 .dropdownx {
     float: left;
     overflow: hidden;
 }
 /* Dropdown button */
 
 .dropdownx .dropbtn {
     font-size: 16px;
     border: none;
     outline: none;
     color: white;
     padding: 14px 16px;
     background-color: inherit;
     font-family: inherit;
     /* Important for vertical align on mobile phones */
     margin: 0;
     /* Important for vertical align on mobile phones */
 }
 /* Add a red background color to navbar links on hover */
 
 .navbarx a:hover,
 .dropdownx:hover .dropbtn {
     background-color: #AAA;
 }
 /* Dropdown content (hidden by default) */
 
 .dropdownx-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;
 }
 /* Links inside the dropdown */
 
 .dropdownx-content a {
     float: none;
     color: black;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
     text-align: left;
 }
 /* Add a grey background color to dropdown links on hover */
 
 .dropdownx-content a:hover {
     background-color: #ddd;
 }
 /* Show the dropdown menu on hover */
 
 .dropdownx:hover .dropdownx-content {
     display: block;
 }