@import "https://fonts.googleapis.com/css2?family=Anta&family=Asimovian&family=Bungee&family=Caveat+Brush&family=DM+Serif+Text&family=Doto&family=Honk&family=Megrim&family=Nunito+Sans:opsz@6..12&family=Pacifico&family=Titillium+Web&family=Zen+Tokyo+Zoo&display=swap";
@import "https://fonts.googleapis.com/css2?family=Anton&display=swap";
@import "https://fonts.cdnfonts.com/css/futura-std-4?styles=52567";
@import "https://fonts.cdnfonts.com/css/gill-sans-std?styles=52586";
@keyframes rotate-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-popin{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fade-in-popin-backdrop{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html{max-width:100vw;font-size:62.5%}body{color:#333;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito Sans,serif;font-size:1.2rem}body.has-popin{width:100%;position:fixed}a{color:inherit;text-decoration:none}button{appearance:none;outline:none}main{width:100%;margin:0 auto}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#1414144d;border-radius:2px}input[type=text],input[type=number],textarea{border:1px solid #0000001a;border-radius:8px;outline:none;width:100%;padding:10px 10px 10px 15px;font-family:Nunito Sans,serif;font-size:1.6rem;font-weight:300}@media screen and (min-width:1024px) and (orientation:landscape){input[type=text],input[type=number],textarea{font-size:1.3rem}}input[type=text]::placeholder,input[type=number]::placeholder,textarea::placeholder{color:#333;opacity:.4;background-clip:initial;-webkit-text-fill-color:initial;font-weight:300}input[type=text]:focus,input[type=number]:focus,textarea:focus{border:2px solid darkpurple;background:#fff6;background-clip:initial;-webkit-text-fill-color:#333}.picker-swatch{cursor:pointer;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;height:30px;transition:all .3s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.picker-swatch:before{content:"";border-radius:inherit;opacity:0;border:5px solid #00000008;width:100%;height:100%;transition:opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:-5px;left:-5px}.picker-swatch:hover:before{opacity:1}.picker-swatch:active{transform:scale(.9)}.picker-option{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.165,.84,.44,1)}.picker-option:active{transform:scale(.9)}.picker-option.selected{border:2px solid #333}.commonBlock{background:conic-gradient(from var(--r), #b5cdc9 0%, #fff 10%, #b5cdc9 20%);animation:5s linear infinite rotating;animation-delay:calc(var(--anim-delay)*1s);position:relative;overflow:hidden}@keyframes rotating{0%{--r:0deg}to{--r:360deg}}.commonBlock-wrap{background-color:#fff;height:calc(100% - 1.2px);margin:.6px;padding:40px 20px}.pageTitle{text-align:center;-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00f2ff1a,#00c8ffb3 4%,#bb00ff4d);-webkit-background-clip:text;background-clip:text;flex-direction:column;justify-content:center;align-items:center;margin:40px 0;font-family:Caveat Brush,cursive;font-size:30px;display:flex}@media screen and (min-width:670px){.pageTitle{flex-direction:row}}.pageTitle .icon{margin-bottom:10px}@media screen and (min-width:670px){.pageTitle .icon{margin-right:10px}}.debugButton{opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid red;padding:3px 5px;font-family:Nunito Sans,serif;font-size:1rem;transition:all .3s cubic-bezier(.165,.84,.44,1)}.debugButton:active{transform:scale(.9)}