.menu-bar{display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;color:#fff;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.3)}.menu-bar div,.menu-bar span{margin:0 5px;padding:.5vw;cursor:pointer;transition:background-color .3s;border-radius:5px;font-size:1vw;white-space:nowrap}.menu-bar div:active,.menu-bar div:hover,.menu-bar span:active,.menu-bar span:hover{background-color:rgba(255,255,255,.1)}@media (max-width:768px){.menu-bar{flex-direction:column}.logo-container{width:100%;margin-bottom:10px}.menu-bar div,.menu-bar span{font-size:3vw}}@media (max-width:480px){.menu-bar div,.menu-bar span{font-size:2.5vw}}