@import url(https://fonts.googleapis.com/css?family=Quicksand:300,400,700);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--dur:3s;--arrowA:polygon(33% 0%,67% 0%,67% 60%,100% 60%,50% 100%,0% 60%,33% 60%);--arrowB:polygon(0% 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0% 62.5%,0% 62.5%);font-size:calc(17.14286px + .89286vw)}body,button{display:flex;font:1em/1.5 Hind,sans-serif}body{background:#e3e4e8;height:100vh;overflow:hidden}button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:#255ff4;border-radius:.2em;color:#fff;cursor:pointer;display:flex;font-size:.7em;margin:5% auto;padding:.5em 1em;position:relative;transition:background .15s linear;width:11.5em}button:focus{outline:#0000}button::-moz-focus-inner{border:0}button:not(:disabled):focus,button:not(:disabled):hover{background:#0b46da}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed}button span,button:after,button:before{display:inline-block;pointer-events:none}button:after,button:before{border-radius:.25em;height:.5em;left:1.3em;opacity:0;top:1em;transform-origin:.25em 50%;z-index:2}button:before{transform:rotate(-180deg);width:.8em}button:after{width:1.2em}.dl-icon:after,.dl-icon:before,button:after,button:before{content:"";display:block;position:absolute}.dl-icon:before,button:after,button:before{background:currentColor}button span+span{margin:auto}.dl-icon{height:1.5em;margin-right:.5em;position:relative;width:1.5em}.dl-icon:before{clip-path:polygon(33% 0,67% 0,67% 60%,100% 60%,50% 100%,0 60%,33% 60%);clip-path:var(--arrowA);-webkit-clip-path:polygon(33% 0,67% 0,67% 60%,100% 60%,50% 100%,0 60%,33% 60%);-webkit-clip-path:var(--arrowA);height:1em;left:calc(50% - .55em);top:0;transform-origin:50% 100%;width:1.1em;z-index:1}.dl-icon:after{background-image:linear-gradient(#0b46da,#0b46da);background-position:-1.5em 0;background-repeat:no-repeat;background-size:100% 100%;bottom:0;box-shadow:inset .25em 0 0,inset -.25em 0 0,inset 0 -.25em 0;height:.5em;width:100%}.dl-working:before{animation:checkOutA 3s linear forwards;animation:checkOutA var(--dur) linear forwards}.dl-working:after{animation:checkOutB 3s linear forwards;animation:checkOutB var(--dur) linear forwards}.dl-working .dl-icon{animation:impact 3s linear forwards;animation:impact var(--dur) linear forwards}.dl-working .dl-icon:before{animation:arrowToBar 3s linear forwards;animation:arrowToBar var(--dur) linear forwards}.dl-working .dl-icon:after{animation:trayToBar 3s linear forwards;animation:trayToBar var(--dur) linear forwards}@keyframes impact{0%,15%{transform:translateY(0)}17.5%{transform:translateY(.25em)}20%,to{transform:translateY(0)}}@keyframes arrowToBar{0%{clip-path:polygon(33% 0,67% 0,67% 60%,100% 60%,50% 100%,0 60%,33% 60%);clip-path:var(--arrowA);-webkit-clip-path:polygon(33% 0,67% 0,67% 60%,100% 60%,50% 100%,0 60%,33% 60%);-webkit-clip-path:var(--arrowA)}10%{clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);clip-path:var(--arrowB);-webkit-clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);-webkit-clip-path:var(--arrowB);transform:translateY(0)}15%{clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);clip-path:var(--arrowB);-webkit-clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);-webkit-clip-path:var(--arrowB);transform:translateY(.625em)}30%{clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);clip-path:var(--arrowB);-webkit-clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);-webkit-clip-path:var(--arrowB);opacity:1;transform:translateY(.125em)}35%,to{clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);clip-path:var(--arrowB);-webkit-clip-path:polygon(0 37.5%,100% 37.5%,100% 62.5%,100% 62.5%,50% 62.5%,0 62.5%,0 62.5%);-webkit-clip-path:var(--arrowB);opacity:0;transform:translateY(.125em)}}@keyframes trayToBar{0%,15%{background-color:initial;border-radius:0;box-shadow:inset .25em 0 0,inset -.25em 0 0,inset 0 -.25em 0;transform:translateY(0)}15.1%{background-color:currentColor;border-radius:0;box-shadow:inset 0 0 0,inset 0 0 0,inset 0 0 0 .1em;transform:translateY(0)}30%{background-color:currentColor;background-position:-1.5em 0;border-radius:.25em;box-shadow:inset 0 0 0,inset 0 0 0,inset 0 0 0 .1em;transform:translateY(-.5em)}90%{background-color:currentColor;background-position:0 0;border-radius:.25em;box-shadow:inset 0 0 0,inset 0 0 0,inset 0 0 0 .1em;opacity:1;transform:translateY(-.5em)}90.1%,to{background-color:currentColor;background-position:0 0;border-radius:.25em;box-shadow:inset 0 0 0,inset 0 0 0,inset 0 0 0 .1em;opacity:0;transform:translateY(-.5em)}}@keyframes checkOutA{0%,90%{opacity:0;transform:translate(0) rotate(-180deg)}90.1%{opacity:1;transform:translate(0) rotate(-180deg);width:.8em}92.5%{opacity:1;transform:translateY(.5em) rotate(-120deg);width:1em}95%,to{opacity:1;transform:translateY(.375em) rotate(-135deg);width:1em}}@keyframes checkOutB{0%,90%{opacity:0;transform:translate(0) rotate(0)}90.1%{opacity:1;transform:translate(0) rotate(0);width:1.2em}92.5%{opacity:1;transform:translateY(.5em) rotate(-60deg);width:1.6em}95%,to{opacity:1;transform:translateY(.375em) rotate(-45deg);width:1.6em}}@media (prefers-color-scheme:dark){body{background:#2e3138}}.container{align-items:center;display:flex;height:100vh;justify-content:center;margin:0;width:100vw}.card{background-color:#f0f0f0;border-radius:5px;box-shadow:0 0 10px #0000001a;height:640px;margin-right:12%;position:relative;width:480px}.card canvas{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.cardText{text-wrap:wrap;word-wrap:break-word;left:10;top:10}.cardText,.form{color:#fff;position:relative}.form{background-color:#ffffff4d;border-radius:2px;box-shadow:10px 10px 15px -6px #00000040;height:700px;opacity:1;padding:20px;transform:scale(.9);transition:opacity .3s ease-in .3s,visibility .3s ease-in .3s;width:560px;z-index:1000}.form textarea{height:40%;resize:none;width:80%}.numberInputLabel{position:absolute;right:12.5%}.numberInput{font-size:25px;height:5%;width:10em}.input{background-color:#ffffff80;border:none;border-radius:2px;-webkit-box-shadow:10px 10px 10px -10px #0000004d;color:#25291b;font-size:18px;height:40px;margin:5px 5px 5px -5px;padding:5px;transition:background-color .4s ease-out;width:300px}.input:focus{background-color:#fffc;outline:none}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}body{pdading:0;background:#2f645a;background:-webkit-gradient(left top,right top,color-stop(0,#2f645a),color-stop(100%,#6fa17b));background:-webkit-linear-gradient(left,#2f645a,#6fa17b);background-attachment:fixed;background-repeat:no-repeat;font-family:quicksand;height:100%;margin:0}
/*# sourceMappingURL=main.8ffd9bc7.css.map*/