.Navbar{background-color:transparent;position:absolute;top:0;width:100%}.Navbar-content{justify-content:space-between}.Navbar,.Navbar-content{display:flex;align-items:center}.Navbar{flex-direction:column}.navbar-header{display:flex;align-items:center;justify-content:space-between;width:85%;padding:16px}.navbar-logo{height:180px}.music-button{margin-left:auto;background-color:#ffeb3bdd;color:black;border:none;padding:.5rem 1rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:background-color .2s ease-in-out}ul.navigation{list-style:none;padding-top:2rem;margin:0;display:flex;gap:50px;justify-content:center;width:100%}ul.navigation li{position:relative;display:flex;align-items:center;overflow:visible}ul.navigation a{color:#080808;text-decoration:none;font-weight:700;padding:0;border-radius:50%;transition:background-color .3s,transform .3s,padding .3s,box-shadow .3s,-webkit-clip-path .3s;transition:background-color .3s,transform .3s,clip-path .3s,padding .3s,box-shadow .3s;transition:background-color .3s,transform .3s,clip-path .3s,padding .3s,box-shadow .3s,-webkit-clip-path .3s;position:relative;display:inline-block;background:linear-gradient(145deg,#00c6ff,#0077be);box-shadow:0 0 10px rgba(0,0,0,.2);width:100px;height:100px;text-align:center;line-height:100px;transition:transform .2s ease-in-out,background-color .3s}ul.navigation a:hover{background:rgba(0,103,88,.8)}ul.navigation a.active,ul.navigation a:hover,ul.navigation li.active a{color:#ffffff;transform:scale(1.1);-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);box-shadow:0 0 20px rgba(0,103,88,.5)}ul.navigation a.active,ul.navigation li.active a{background-color:rgba(0,103,88,.8);padding:0;background:rgba(0,103,88,.7)}@media (max-width:1200px){.music-button{font-size:18px;padding:14px 24px}ul.navigation{gap:30px}}.logo-3d-wrapper{display:block}.logo-static{display:none}@media (max-width:768px){.logo-3d-wrapper{display:none}.logo-static{display:block}.Navbar{flex-direction:column;align-items:center;padding:10px}.music-button{font-size:.5rem;padding:10px 18px;margin-bottom:10px}.Navbar-content{flex-direction:column;align-items:center}ul.navigation{flex-direction:row;gap:15px}ul.navigation li{text-align:center}ul.navigation a{width:80px;height:80px;line-height:80px;font-size:14px}}@media (max-width:480px){.music-button{margin-left:0;max-width:140px}ul.navigation{list-style:none;padding:0}ul.navigation a{width:40px;height:40px;line-height:40px;font-size:.4rem}@media (max-width:376px){ul.navigation a{width:40px;height:40px;line-height:40px;font-size:.4rem}.music-button{margin-left:0;max-width:250px;width:51%}}@media (max-width:320px){.navbar-header{align-items:center}ul.navigation{gap:.5rem}.music-button{margin-left:0;max-width:250px;width:51%}}}