:root{--main-color: rgb(189, 236, 205) }html{height:100%}body{background-color:#405d7a;display:flex;justify-content:center;align-items:center;min-height:100%;padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#d4ffe2;margin-bottom:10%;margin-top:5%}::selection{background-color:#0979f1}#logo{display:inline-block;width:100px;height:fit-content}#logo path{fill:none;stroke-width:5px;stroke:var(--main-color)}:root{--path-length: 2687.08935546875;--path-tail: var(--outer-tail-length);--inner-tail-length: -155;--outer-tail-length: -79}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:var(--path-tail);stroke-dasharray:0 var(--path-length);stroke-width:1px}to{stroke-dashoffset:var(--path-tail);stroke-dasharray:var(--path-length) 0}}#logo .d{animation:animate-svg-stroke-1 1.5s cubic-bezier(.23,0,.49,1) 0s both}
