body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.canvasStyle{position:relative;display:grid;grid-template-columns:2fr 3fr;width:100vw;height:100vh;overflow:hidden;background-color:#abc5cc;transition:width 2s,height .25s,-webkit-transform .25s;transition:width 2s,height .25s,transform .25s;transition:width 2s,height .25s,transform .25s,-webkit-transform .25s;place-items:center}.left{grid-column-start:1;grid-column-end:2;transition:width .25s,height .25s,-webkit-transform .25s;transition:width .25s,height .25s,transform .25s;transition:width .25s,height .25s,transform .25s,-webkit-transform .25s;z-index:3}.left,.middle{width:100%;height:100%;position:relative}.middle{grid-column-start:2;grid-column-end:3}.center{display:grid;place-items:center}.picture{height:100vh;width:auto;position:absolute}.merge{right:1vh;background-color:#9dc9ba}.merge,.reset{height:10vh;width:10vh;border-radius:50%;bottom:1vh;position:absolute;background-size:100% 100%}.reset{right:12vh;background-color:#ccabab}.webtoon{right:24vh;background-size:80% 80%}.patreon,.webtoon{height:10vh;width:10vh;border-radius:50%;bottom:1vh;position:absolute;background-repeat:no-repeat;background-position:50%;background-color:#fff}.patreon{right:36vh;background-size:75% 75%}.linktree{height:10vh;width:10vh;border-radius:50%;bottom:1vh;position:absolute;right:48vh;background-size:100% 100%;background-color:#ccabab}.middleModal{height:100%;width:100%;position:absolute;background-color:hsla(0,0%,64.7%,.8);z-index:4}.leftMenu{display:grid;place-items:center}.leftMenu .boundingBox{height:90%;width:90%;position:relative}.categoryBox,.leftMenu .boundingBox{border-radius:1vh;display:grid;place-items:center}.categoryBox{background-color:#cfa6af;height:100%;width:auto;position:absolute}.categoryBox,.categoryBox.catSelected{transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.categoryBox.catSelected{-webkit-transform:translate(10vw);transform:translate(10vw)}.category.icon{background-size:cover;width:10vh;height:10vh;transition:width height transform .25s .25s .25s;background-color:#f3d4d2;margin-top:.5vw;border-radius:50%;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.category.icon.catSelected{-webkit-transform:translate(30%);transform:translate(30%)}.category.icon.catSelected:hover{-webkit-transform:translate(30%) scale(1.5) rotate(25deg);transform:translate(30%) scale(1.5) rotate(25deg)}.category.icon.catSelected.onTop{-webkit-transform:translate(30%);transform:translate(30%)}.category.icon.catSelected.onTop:hover{-webkit-transform:translate(30%) scale(1.5) rotate(25deg);transform:translate(30%) scale(1.5) rotate(25deg)}.variant.menu{width:0;background-color:#f3d4d2}.variant.menu,.variant.menu.catSelected{height:100%;position:absolute;justify-self:left;border-radius:1vh;transition:width .25s}.variant.menu.catSelected{width:90%;display:grid;place-items:center;overflow:hidden}.variant.menu.catSelected.linked{grid-template-columns:1fr 1fr}.variant.icon{background-size:cover;width:10vw;height:10vw;transition:width height transform .25s .25s .25s;background-color:rgba(207,166,175,.5);margin-top:2vh;border-radius:50%;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.closeButton{width:10vh;max-width:8vw;height:10vh;max-height:8vw;background-color:red;z-index:2;left:-2vh;top:-2vh;border-radius:50%;position:absolute;background-size:100% 100%;background-color:#ccabab}
/*# sourceMappingURL=main.1a7d3a9d.chunk.css.map */