:root{--logo-color-dark: #c5c8c6;--logo-dot-color-dark: #97C33D;--logo-color-light: #323232;--logo-dot-color-light: #8fb93a;--logo-color: var(--logo-color-dark);--logo-dot-color: var(--logo-dot-color-dark)}@media(prefers-color-scheme: light){:root{--logo-color: var(--logo-color-light);--logo-dot-color: var(--logo-dot-color-light)}}#logo{color:var(--logo-color)}#logo svg g#g-lins #path-i-dot{fill:var(--logo-dot-color)}#logo svg path{transition:all .2s}#logo.animated:hover svg path{animation:wave 1s ease-in-out 1 forwards}#logo.animated:hover svg path#path-l{animation-delay:0}#logo.animated:hover svg path#path-i,#logo.animated:hover svg path#path-i-dot{animation-delay:.2s}#logo.animated:hover svg path#path-n{animation-delay:.4s}#logo.animated:hover svg path#path-s{animation-delay:.6s}@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}:root{--logo-display-duration: 0.5s;--logo-size: 20vw;--logo-pos-margin-top: -20vh}html,body{height:100%;font-size:16px}body{display:flex;justify-content:center;align-items:center;margin:0;padding:0;background-color:#1d1f21}div.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}div.container .logo{margin-top:-50vh;opacity:0;transition:all var(--logo-display-duration) linear}div.container .logo svg{width:var(--logo-size)}div.container .logo svg g#g-lins #path-i-dot{transform:translate(0, -50vh);opacity:1;transition:all .25s cubic-bezier(0.34, 1.56, 0.64, 1) .3s}div.container .logo.animated{margin-top:var(--logo-pos-margin-top);opacity:1}div.container .logo.animated svg g#g-lins #path-i-dot{opacity:1;transform:scale(1) translate(0, 0)}@keyframes drop-down{0%{opacity:0;transform:scale(1.5) translate(0, -50vh)}75%{opacity:1;transform:scale(1.125) translate(0, -12.5vh)}100%{opacity:1;transform:scale(1)}}@keyframes jump{0%{transform:translate(0, 0)}10%{transform:translate(10px, -10px)}20%{transform:translate(20px, 10px)}30%{transform:translate(30px, -50px)}70%{transform:translate(-150px, -50px)}80%{transform:translate(-140px, 10px)}90%{transform:translate(-130px, -10px)}100%{transform:translate(-120px, 0)}}@media(prefers-color-scheme: light){body{background-color:#f8f9fa;color:#212529}}@media(max-width: 992px){:root{--logo-size: 20vw}}@media(max-width: 768px){:root{--logo-size: 40vw;--logo-pos-margin-top: -10vh}}@media(max-width: 576px){:root{--logo-size: 50vw;--logo-pos-margin-top: -10vh}}