body{margin:0;font-family:Arial,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#333;color:#fff}.logo{font-size:24px;font-weight:700}.menu{display:flex;gap:15px;transition:transform .3s ease-in-out}@media (max-width: 768px){.menu{position:fixed;top:0;right:0;height:100%;background-color:#333;flex-direction:column;justify-content:center;align-items:center;width:250px;transform:translate(100%)}.menu.open{transform:translate(0)}.hamburger{display:block}}