nav{background:#B48546;position:fixed;bottom:0;left:0;width:100%;height:60px;z-index:100}@media (min-width:1280px){nav{position:sticky;top:0;bottom:unset}}nav:hover .top-bars,nav:hover .bottom-bars{opacity:1}nav .menu{display:flex;justify-content:center;align-items:center;width:100%;height:100%}nav .menu.open .menu-items{height:calc(100vh - 60px);gap:30px}nav .menu.open .menu-items a{opacity:1}nav .menu button{appearance:none;background:transparent;border:0;color:white;font-size:22.5px;font-family:"Assistant", sans-serif;font-weight:700;display:flex;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;text-transform:uppercase}@media (min-width:1280px){nav .menu button{display:none !important}}nav .menu .menu-items{position:absolute;bottom:60px;background:#B48546;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px;font-size:30px;font-family:"Assistant", sans-serif;font-weight:700;padding:0 60px;overflow:hidden;height:0;transition:all 1s ease}@media (min-width:1280px){nav .menu .menu-items{flex-direction:row;background:transparent;position:relative;bottom:unset;gap:60px;font-size:22.5px;height:100%;align-items:center}}nav .menu .menu-items a{opacity:0;transition:all 1s ease;text-transform:uppercase;cursor:pointer;color:white;text-decoration:none}@media (min-width:1280px){nav .menu .menu-items a{opacity:1}}nav .menu .menu-items a svg{height:18px;width:30px}nav .top-bars,nav .bottom-bars{position:absolute;transition:opacity 1s ease;opacity:1;transform:translateX(-50%);left:50%}@media (min-width:1280px){nav .top-bars,nav .bottom-bars{opacity:0.3;left:unset;transform:unset}}nav .top-bars{bottom:60px}nav .bottom-bars{top:60px}nav .bottom-bars .bars-container{transform:rotate(180deg)}nav .bars-container{display:flex;justify-content:center;align-items:flex-end;gap:8px}nav .bar-column{display:flex;flex-direction:column-reverse;gap:5px}nav .bar{width:45px;height:7.5px;background:#B48546;opacity:0}@keyframes volumeBar1_low{0%{opacity:0}10%{opacity:0.55}85%{opacity:0.55}100%{opacity:0}}@keyframes volumeBar2_low{0%{opacity:0}15%{opacity:0.4}80%{opacity:0.4}95%{opacity:0}100%{opacity:0}}@keyframes volumeBar3_low{0%{opacity:0}100%{opacity:0}}@keyframes volumeBar4_low{0%{opacity:0}100%{opacity:0}}@keyframes volumeBar5_low{0%{opacity:0}100%{opacity:0}}@keyframes volumeBar1_med3{0%{opacity:0}10%{opacity:0.7}85%{opacity:0.7}100%{opacity:0}}@keyframes volumeBar2_med3{0%{opacity:0}14%{opacity:0.55}82%{opacity:0.55}94%{opacity:0}100%{opacity:0}}@keyframes volumeBar3_med3{0%{opacity:0}18%{opacity:0.4}78%{opacity:0.4}90%{opacity:0}100%{opacity:0}}@keyframes volumeBar4_med3{0%{opacity:0}100%{opacity:0}}@keyframes volumeBar5_med3{0%{opacity:0}100%{opacity:0}}@keyframes volumeBar1_med4{0%{opacity:0}10%{opacity:0.85}85%{opacity:0.85}100%{opacity:0}}@keyframes volumeBar2_med4{0%{opacity:0}14%{opacity:0.7}82%{opacity:0.7}94%{opacity:0}100%{opacity:0}}@keyframes volumeBar3_med4{0%{opacity:0}18%{opacity:0.55}78%{opacity:0.55}90%{opacity:0}100%{opacity:0}}@keyframes volumeBar4_med4{0%{opacity:0}22%{opacity:0.4}74%{opacity:0.4}86%{opacity:0}100%{opacity:0}}@keyframes volumeBar5_med4{0%{opacity:0}100%{opacity:0}}@keyframes volumeBar1_high{0%{opacity:0}10%{opacity:1}85%{opacity:1}100%{opacity:0}}@keyframes volumeBar2_high{0%{opacity:0}14%{opacity:0.85}82%{opacity:0.85}94%{opacity:0}100%{opacity:0}}@keyframes volumeBar3_high{0%{opacity:0}18%{opacity:0.7}78%{opacity:0.7}90%{opacity:0}100%{opacity:0}}@keyframes volumeBar4_high{0%{opacity:0}22%{opacity:0.55}74%{opacity:0.55}86%{opacity:0}100%{opacity:0}}@keyframes volumeBar5_high{0%{opacity:0}26%{opacity:0.4}70%{opacity:0.4}82%{opacity:0}100%{opacity:0}}nav .bar:nth-child(1){animation:volumeBar1_med3 3s ease-in-out infinite}nav .bar:nth-child(2){animation:volumeBar2_med3 3s ease-in-out infinite}nav .bar:nth-child(3){animation:volumeBar3_med3 3s ease-in-out infinite}nav .bar:nth-child(4){animation:volumeBar4_med3 3s ease-in-out infinite}nav .bar:nth-child(5){animation:volumeBar5_med3 3s ease-in-out infinite}