@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;font-family:Righteous,cursive;cursor:url(/cursor.svg),default;user-select:none}canvas{width:100%;height:100%;transition:background 1s ease-out;background:linear-gradient(0deg,hsl(296deg 86% 78%) 1%,hsl(293deg 87% 77%) 34%,hsl(290deg 88% 77%) 49%,hsl(287deg 88% 76%) 61%,hsl(285deg 89% 76%) 71%,hsl(282deg 90% 76%) 79%,hsl(279deg 91% 75%) 86%,hsl(276deg 92% 75%) 92%,hsl(274deg 93% 74%) 97%,hsl(271deg 94% 74%) 100%)}.contribution-toggle-button{width:1.5em;height:1.5em;border-radius:50%;background-color:#ffffff95;border:2px dashed #ffffff;box-shadow:0 0 0 5px #ffffff95;position:absolute;bottom:0;right:0;margin:1em;z-index:1;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bolder;font-size:large;transform:translate(.5em);transition:transform .8s ease-in-out}.contribution-toggle-button:hover{cursor:url(/pointer.svg),default}.contribution-toggle-active{transform:translate(-24em)}.contribution-info{position:absolute;bottom:0;right:0;margin:1em 1em 3em;z-index:1;width:30em;height:fit-content;background-color:#ffffff95;border:2px dashed #ffffff;box-shadow:0 0 0 5px #ffffff95;font-size:small;color:#fff;padding:1em;transition:transform .8s ease-in-out;transform:translate(34em)}.contribution-is-active{transform:translate(0)}.soundControl{position:absolute;z-index:1;top:0;right:0;margin:.5rem}.soundControl:hover{cursor:url(/pointer.svg),default}.app-name{font-family:Righteous,cursive;text-transform:uppercase;position:absolute;display:block;z-index:1;color:#fff;font-size:5rem;letter-spacing:1rem;margin:2rem}.app-name>div:last-child{margin-left:15rem}.logo{position:absolute;display:block;z-index:1;bottom:0;left:0;padding:10px;font-family:Sono,sans-serif;color:#fff;font-size:.8rem;letter-spacing:.2rem}a{text-decoration:none;color:#fff;position:relative;cursor:url(/cursor.svg),default;transition:color .2s ease}a:hover{cursor:url(/pointer.svg),default}.contribution_links:hover{color:#fa8893}#name:before{background-color:#fff;content:"";display:inline-block;height:1px;margin-right:10px;transition:all .5s cubic-bezier(.25,.8,.25,1);width:.7rem}a:hover #name:before{background-color:#fff;width:3rem;cursor:url(/pointer.svg),default}@media screen and (max-width: 768px){.app-name{font-size:2.5rem;margin:1rem}.app-name>div:last-child{margin-left:10rem}.contribution-toggle-button{font-size:smaller}.contribution-info{font-size:smaller;width:20em;transform:translate(24em)}.contribution-toggle-active{transform:translate(-23em)}.contribution-is-active{transform:translate(0)}}
