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}@font-face{font-family:Ariq;src:url(/static/media/Ariq.3f983200.otf) format("opentype")}@font-face{font-family:Ariq;font-weight:700;src:url(/static/media/Ariq.3f983200.otf) format("opentype")}.App{height:100vh;width:100vw;position:relative;background-color:#fff;transition:background-color 1s ease-in-out}.dark.App{background-color:#061727}.App .background,.App .circle,.App .dark-flowers,.App .stitches{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.App .background{display:block;margin:0;height:90vh;width:90vw;background:url(/static/media/stitch-flowers-light.00a3ab8e.png) no-repeat 50%;background-size:contain;transition:opacity 1s ease-in-out}.dark.App .background{opacity:0}.App .dark-flowers{display:block;margin:0;height:90vh;width:90vw;background:url(/static/media/stitch-flowers-dark.5503780f.png) no-repeat 50%;background-size:contain}.App .circle{display:block;height:65vh;width:65vh;background-color:rgba(205,223,237,.6980392156862745);border-radius:50%;transition:background-color 1s ease-in-out}.dark.App .circle{background-color:rgba(17,64,109,.6431372549019608)}.App .stitches{display:block;margin:0 auto;background:url(/static/media/dashed-circle.99881456.png) no-repeat 50%;background-size:contain;height:63vh;width:63vh;pointer-events:none}.dark.App .stitches{background:url(/static/media/dashed-circle-dark.94341657.png) no-repeat 50%;background-size:contain;height:63vh;width:63vh}.App .content{font-family:"Courier New",Courier,monospace;color:#11416d;text-align:center;transition:color 1s ease-in-out}.dark.App .content{color:#cddfed}.App h1{margin:0;font-family:Ariq;font-weight:700;font-size:7rem;padding-top:9rem}.App h2{font-size:1rem;margin:0}.App h3{font-size:1.5rem;margin:0;padding-top:12vh}.App p{font-size:1rem;font-weight:700;margin:0;padding-top:1rem}.App .text-input{border:none;background-color:#b5d4ec;margin-top:1rem;height:2rem;width:11rem;border-radius:20px;font-family:"Courier New",Courier,monospace;font-weight:700;color:#11416d;padding:0 .8rem}.App .text-input:focus{outline:none}.App .button{border:none;height:2rem;border-radius:20px;margin:.5rem;padding:.5rem;background-color:#11416d;font-family:"Courier New",Courier,monospace;font-weight:700;color:#cddfed}.switch{position:relative;display:block;margin:0 auto;top:2rem;width:4rem;height:2rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#11416d}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:1.5rem;width:1.5rem;left:.25rem;bottom:.25rem}.slider:before,input:checked+.slider{background-color:#b5d4ec}input:checked+.slider:before{transform:translateX(2rem);background-color:#11416d}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width:639px){.App{max-height:-webkit-fill-available;overflow:hidden}html{height:-webkit-fill-available}.App .background{background-image:url(/static/media/stitch-flowers-light-verticle.ccbce561.png)}.App .dark-flowers{background-image:url(/static/media/stitch-flowers-dark-verticle.f144e7e6.png)}.App .circle{height:90vw;width:90vw}.App .stitches,.dark.App .stitches{height:88vw;width:88vw}.App h1{font-size:3.5rem;padding-top:3rem}.App h2,.App h3{font-size:.8rem}.App p{font-size:.6rem;padding-top:.5rem}.mode-switch{position:relative;top:80vh;z-index:99}.App .text-input{margin-top:.5rem;height:1rem;width:8rem;padding:0 .3rem;font-size:.5rem}.App .button{height:1rem;margin:.5rem;padding:.2rem;font-size:.5rem}}@media (max-width:768px){.App{max-height:-webkit-fill-available;overflow:hidden}html{height:-webkit-fill-available}.App .background{background-image:url(/static/media/stitch-flowers-light-verticle.ccbce561.png)}.App .dark-flowers{background-image:url(/static/media/stitch-flowers-dark-verticle.f144e7e6.png)}}
/*# sourceMappingURL=main.7a339903.chunk.css.map */