#navbar{background:var(--main-blue);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 20px;display:flex}#navbar-logo{color:#fff;cursor:pointer;font-size:20px;font-weight:700}#navbar-links{gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#navbar-links>a{color:#fff;font-size:15px;text-decoration:none}#navbar-links>a:hover{text-decoration:underline}#navbar-profile{cursor:pointer;margin-left:auto}#navbar-auth{gap:8px;display:flex}.navbar-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:16px;height:32px;padding:0 16px;font-size:14px}.navbar-btn.filled{color:var(--main-blue);background:#fff}.navbar-btn:hover{opacity:.85}
#modal-wrapper{z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}#modal-wrapper>div{animation:.4s slideUp}@keyframes slideUp{0%{transform:translateY(400px)scale(1)}to{transform:translateY(0)scale(1)}}