* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Courier New', Courier, monospace;background: linear-gradient(135deg, #000428 0%, #004e92 100%);color: #fff;text-align: center;margin: 0;padding: 0;overflow-x: hidden;}.navbar {display: flex;justify-content: space-between;align-items: center;padding: 20px;background-color: #000;}.navbar .logo {height: 50px;}.navbar nav {position: relative;}.navbar .nav-links {list-style: none;display: flex;gap: 20px;}.navbar .nav-links li a {text-decoration: none;color: #fff;padding: 5px 10px;transition: background-color 0.3s;}.navbar .nav-links li a:hover {background-color: #004e92;border-radius: 5px;}.hamburger-menu {display: none;flex-direction: column;cursor: pointer;}.hamburger-menu .bar {width: 25px;height: 3px;background-color: #fff;margin: 4px 0;transition: 0.3s;}@media (max-width: 768px) {.navbar .nav-links {display: none;flex-direction: column;gap: 10px;position: absolute;top: 60px;right: 20px;background-color: #000;border-radius: 10px;width: 200px;padding: 10px;}.navbar .nav-links.active {display: flex;}.hamburger-menu {display: flex;}}