body {font-family: Arial, sans-serif;margin: 0;padding: 0;}.navbar {display: flex;align-items: center;background-color: #333;padding: 10px;}.logo {height: 50px;margin-right: 20px;}.menu {flex-grow: 1;}.hamburger-menu {display: none;flex-direction: column;cursor: pointer;}.hamburger-menu .bar {width: 25px;height: 3px;background-color: #fff;margin: 4px 0;}.nav-links {list-style-type: none;margin: 0;padding: 0;display: flex;flex-direction: row;}.nav-links li {position: relative;}.nav-links li a {display: block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;}.nav-links li a:hover {background-color: #111;}.dropdown-content {display: none;position: absolute;background-color: #3e2a2a;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}.dropdown-content a:hover {background-color: #f1f1f1;}.dropdown:hover .dropdown-content {display: block;animation: jolt 0.1s ease-in-out;}@keyframes jolt {0% {transform: translateY(0);}25% {transform: translateY(-5px);}50% {transform: translateY(5px);}75% {transform: translateY(-5px);}100% {transform: translateY(0);}}@media screen and (max-width: 768px) {.nav-links {flex-direction: column;display: none;}.hamburger-menu {display: flex;}.hamburger-menu.active + .nav-links {display: flex;}}