.navbar-container{width:100%;height:160px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:25px;position:relative;padding:20px;box-shadow:0 10px 20px var(--shadow)}.navbar-container .details{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px}.navbar-container .details img{height:50px}.navbar-container .details .name{font-weight:500;font-size:32px;margin:0}.navbar-container .details .domain{font-weight:500;font-size:16px;margin:0}.navbar-container .list{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:min(2vw,20px)}.navbar-container .list .item{font-weight:600;border-radius:1000px;padding:8px 15px 5px;text-decoration:none;transition:all .2s ease}.navbar-container .list .item:hover{scale:105%}.navbar-container .list .item:active{scale:90%}.navbar-container .list .item.active{background:var(--text-light);color:var(--text-dark)}.navbar-container .status{position:absolute;top:10px;left:10px}.navbar-container .discord{position:absolute;top:10px;right:10px;cursor:pointer;transition:all .2s ease}.navbar-container .discord:hover{scale:105%}.navbar-container .discord:active{scale:90%}.navbar-container .fairy-lights{position:absolute;top:20px;width:30%}.navbar-container .fairy-lights.left{left:0;rotate:-10deg}.navbar-container .fairy-lights.right{right:0;rotate:10deg}