.scale-enter-active,.scale-leave-active{transition:all .5s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}#app{width:100%;height:auto;display:flex;overflow-x:hidden}.big-circle{height:90dvh;width:55%;border:1px solid;border-radius:50%;display:flex;flex-direction:column;margin:0 auto;align-items:center;background-image:url(/assets/snake-Bp_qqtlV.svg);background-repeat:repeat;background-size:6rem 6rem;background-position:0 5%;animation:backgroundScroll 60s linear infinite}@media(prefers-reduced-motion:reduce){.big-circle{animation:backgroundScroll 120s linear infinite}}@keyframes backgroundScroll{0%{background-position:0 0%}to{background-position:100% 50%}}:root{--vue-timing: 1.2s}body{margin:0;font-family:Ojuju,sans-serif;height:98vh}nav{position:fixed;bottom:1rem;right:1rem;font-size:1.5rem;color:#000;background-color:#fff;z-index:99999;min-height:2rem;min-width:2rem}a{margin:.2em;font-weight:500;transition:all .3s ease-in-out;color:#000}a:hover{font-style:italic;transform:translateY(.2em)}a:visited,a:active,a:focus{color:#000;font-style:normal}.nav-link{display:flex;align-items:center;justify-content:right}button{all:unset;cursor:pointer;height:auto;display:block;font-weight:300;transition:all .3s ease-in-out}ul{list-style-type:none}.circle main{overflow-y:auto}main{font-weight:400;font-style:normal;font-size:1.4rem;line-height:1.6em;max-width:80%;max-height:75%;scrollbar-color:black transparent;scrollbar-width:thin;margin:4rem 6rem 2rem}::-webkit-scrollbar{background:#000;width:.3em;border-radius:1em}::-webkit-scrollbar-thumb{background:transparent}main p{padding:0 .5em}.circle{height:80%;width:80%;border:1px solid;border-radius:50%;background-color:#fff;position:relative;margin:auto;padding:2em;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .3s ease-in-out}.button{cursor:pointer;padding:.5rem;width:fit-content;background-color:#fff;border:1px dashed black;font-family:Open Sans,sans-serif}.button:hover{background-color:#000;color:#fff}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{background-color:#fff;color:#000}::selection{background-color:#ffda81;color:#000}::-moz-selection{background-color:#ffda81;color:#000}@media(max-width:1200px){.intro,.big-circle{position:relative!important;margin:1em auto!important;min-width:85%}main{margin:1rem}}@media(max-width:800px){main{margin:2rem!important}.big-circle{width:100%}.circle{height:70%;width:70%}nav{border:1px dashed black}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}