* { padding: 0; margin: 0; box-sizing: border-box; font-family: "Times New Roman"; } .main-content { margin-left: 275px; margin-top: 10px; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } /* Header */ .header { background-color: #a5aeb5; width: 100%; margin-left: 250px; } #header-table th { text-transform: uppercase; text-align: left; padding: 8px; min-width: 20px; } #header-table tr { min-width: 20px; } #header-table td { text-align: left; padding: 8px; } /* The navigation menu links */ .header a { text-decoration: none; font-size: 18px; color: #e0e2e3; display: block; transition: 0.3s; } /* When you mouse over the navigation links, change their color */ .header a:hover { color: #f1f1f1; } /* The side navigation menu */ .sidenav { height: 100%; width: 250px; position: fixed; z-index: 1; top: 0; left: 0; background-color: #a5aeb5; overflow-x: hidden; padding-top: 20px; } .sidenav-content { padding: 15px; } /* The menu title */ .menu-heading { color: #f1f1f1; width: 200px; height: 75px; font-weight: 600; font-size: 40px; } /* The navigation menu links */ .sidenav a { text-decoration: none; font-size: 25px; color: #e0e2e3; display: block; transition: 0.3s; } /* When you mouse over the navigation links, change their color */ .sidenav a:hover { color: #f1f1f1; } /* Adress Content */ .adress-content { display: block; width: 100%; margin: 20px auto; padding: 10px 45px; background: white no-repeat 15px center; background-size: 15px 15px; font-size: 16px; border: none; border-radius: 5px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; }