.hover-link{position:relative;display:flex;text-wrap:nowrap;overflow:hidden}.hover-in{position:relative;transition:.3s}.hover-in div{display:flex;position:absolute;top:100%;left:0}.hover-link:hover .hover-in{transform:translateY(-100%);color:var(--accentColor)}.header{display:flex;max-width:var(--cMaxWidth);width:var(--cWidth);justify-content:space-between;padding:15px 0;margin-bottom:-80px;box-sizing:border-box;position:fixed;left:50%;transform:translate(-50%);top:0;z-index:9999}.header ul{font-size:11px;display:flex;flex-direction:row;margin:0;padding:0;list-style:none;column-gap:16px;row-gap:6px;align-items:center}.header ul li{margin-left:0;letter-spacing:.8px;color:#ccc;font-weight:600;cursor:pointer}.navbar-connect{position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;letter-spacing:.8px;font-weight:500}.navbar-title{font-weight:700;font-size:13px;letter-spacing:.2px}@media only screen and (min-width: 500px){.header{padding:20px 0}.header ul{flex-direction:row;align-items:center;font-size:14px}.header ul li{color:#eae5ec}.navbar-title{font-size:16px}}@media only screen and (min-width: 900px){.navbar-connect{display:block}}@media only screen and (min-width: 1200px){.header{padding:35px 0}.header ul{column-gap:80px;font-size:16px}.navbar-connect{font-size:16px}.navbar-title{font-size:18px}}