h1[user-hello=true]{color:#fff0;margin:0%;text-align:center;animation:fade-in 1s forwards;font-size:1.7rem;border-radius:12px;background-color:#5512a175;padding:2%}@keyframes fade-in{to{color:#cfc7ff;margin:2%;font-size:1.9rem}}input{background:transparent;border:none}[section-wrapper]{background-color:#b061db;border-radius:12px;padding:2.5%}main[main-container]{background:rgba(85,18,161,.46);margin:0;margin-top:8%!important;height:61%;border-radius:12px;padding:4%}*,*:after,*:before{box-sizing:border-box!important;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#e9e8fd}body{margin:0;height:100vh;width:100vw;max-width:540px;max-height:580px}#app{width:100%;height:100%}container[app-container=true]{display:flex;justify-content:center;align-items:center;background:linear-gradient(hsl(268deg,80%,35%),hsl(313deg,100%,37%));width:100%;height:100%}main[contains-main-content=true]{background:linear-gradient(hsla(0deg,0%,8%,.612),hsla(0deg,0%,100%,.225));width:95%;height:95%;border-radius:12px;padding:3%;border:1px solid hsla(0deg,0%,50%,.55)}nav[top-navigation-bar=true]{display:flex;justify-content:space-around;margin:6%}button{background:hsla(0deg,0%,0%,0);border:none;font-size:1.4rem;font-weight:700;transition:border-radius .2s ease-in-out,background .3s ease-in-out;padding:2%;margin:1%}button:has(a.router-link-active){background:rgba(85,18,161,.46);border-radius:2px}button a{text-decoration:none;text-transform:capitalize}button:hover{background:rgba(85,18,161,.46);border-radius:2px}.fadeTransition-enter-from,.fadeTransition-leave-to{opacity:0}.fadeTransition-enter-active,.fadeTransition-leave-active{transition:opacity .25s ease-out}