body{margin:0;font-family:Arial,sans-serif}.navbar{position:fixed;top:0;width:100%;height:60px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000}.logo a{text-decoration:none;font-weight:700}.menu-icon{display:flex;color:#000;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer}.bar{height:3px;background-color:#000;transition:transform .3s,opacity .3s}.bar.open:first-child{transform:rotate(45deg) translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu-items{position:absolute;top:60px;left:0;width:100%;background-color:#fff;list-style-type:none;padding:20px;margin:0;display:none;flex-direction:column}.menu-items.open{display:flex}.menu-items li{margin-bottom:10px}.menu-items li a{color:#000;text-decoration:none}.menu-items li a:hover{transition:.4s;color:#b15000}