body,html,section{background-color:#4056f4;height:100%;margin:0}.link{text-decoration:underline;color:inherit}.link-text{font-size:15px;font-style:italic;opacity:.6}.taskbar{background-color:#4d62fc;height:100vh;width:30%;position:fixed;overflow-y:scroll;box-sizing:content-box}.div-left{display:flex;flex-direction:column;height:100vh}.left-half{background-color:#4d62fc;flex:0.3 1;height:100vmax}.left-half,.right-half{padding:1rem;text-align:center}.right-half{background-color:#4056f4;flex:1 1;flex-wrap:wrap}.container{display:flex;margin:0 auto;flex-direction:row}.popup-header{color:#000;text-align:center}.task-component{background-color:#4d62fc;float:left;text-align:center;width:25%;flex:0.5 1;min-height:1400px}.sound-component{float:right;text-align:center;width:75%}.todo-list{background:none;border-radius:4px;padding:5px}.todo{align-items:left;background:none;font-family:"Karla",sans-serif;display:flex;font-size:20px;line-height:calc(1.3em + .01538vw - .04615px);font-style:italic;color:#fff;justify-content:space-between;margin-bottom:15px;padding:3px 15px}@-webkit-keyframes change-background{0%{background-color:#095256}10%{background-color:#087f8c}20%{background-color:#5aaa95}30%{background-color:#86a873}40%{background-color:#86a873}50%{background-color:#bb9f06}60%{background-color:#bb9f06}70%{background-color:#86a873}80%{background-color:#5aaa95}90%{background-color:#087f8c}to{background-color:#095256}}@keyframes change-background{0%{background-color:#095256}10%{background-color:#087f8c}20%{background-color:#5aaa95}30%{background-color:#86a873}40%{background-color:#86a873}50%{background-color:#bb9f06}60%{background-color:#bb9f06}70%{background-color:#86a873}80%{background-color:#5aaa95}90%{background-color:#087f8c}to{background-color:#095256}}.popup{position:fixed;width:80%;height:80%;top:10%;left:0;right:0;bottom:0;margin:0 auto;border-radius:30px;background-color:#fff}.popup\_inner{position:absolute;left:25%;right:25%;top:25%;bottom:25%;margin:auto;border-radius:20px;background:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.tws-bg{background-color:#f24330}#app,body,html{margin:0;height:100%;width:100%}body{font-style:"italic";font-weight:400;font-size:calc(27.53846px + .15385vw)}.tws-header,body{font-family:"Karla",sans-serif;color:#fff;line-height:calc(1.2em + .00769vw - .02308px)}.tws-header{padding-bottom:5%;padding-top:2%;font-weight:100px;font-size:calc(22.69231px + .76923vw);text-align:center}.tws-task-header{padding-left:7%;padding-right:7%;color:#fff;text-align:left}.field{width:100%;height:56px;border-radius:25px;position:relative;background-color:hsla(0,0%,100%,.3);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.field:hover{background-color:hsla(0,0%,100%,.45);box-shadow:0 4px 20px 0 rgba(0,0,0,.05)}.field.active{background-color:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.2)}.field.active input{padding:24px 16px 8px}.field.active input+label{top:4px;opacity:1;color:#512da8}.field.locked{pointer-events:none}.field input{width:90%;height:56px;position:relative;padding:0 16px;border:none;border-radius:4px;font-style:italic;font-family:"Karla",sans-serif;font-size:20px;font-weight:400;line-height:normal;background-color:transparent;color:#fff;outline:none;box-shadow:0 4px 20px 0 transparent;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out,padding .1s ease-in-out;-webkit-appearance:none}.field input::-webkit-input-placeholder{color:hsla(0,0%,100%,.8)}.field input::-moz-placeholder{color:hsla(0,0%,100%,.8)}.field input:-ms-input-placeholder{color:hsla(0,0%,100%,.8)}.field input:-moz-placeholder{color:hsla(0,0%,100%,.8)}.field input+label{position:absolute;top:24px;left:16px;font-family:"Karla",sans-serif;font-style:italic;font-size:12px;font-weight:600;line-height:24px;color:#fff;opacity:0;pointer-events:none;transition:all .1s ease-in-out}.field input+label.error{color:#ec392f}.field p.predicted{position:absolute;top:8px;left:16px;font-family:"Karla",sans-serif;font-style:italic;font-size:16px;font-weight:400;line-height:24px;color:#e0e0e0;opacity:1;pointer-events:none}ul{padding:0}li{list-style-type:none}.dark{color:#dadada;background:#1c2022;min-height:100%}.flex-center{display:flex;justify-content:center;align-items:center}.btn-clear{border:none;background:transparent;outline:none}.left{text-align:left}.center,.left{float:left;width:10%}.center{text-align:center}.right{float:left;text-align:right;width:90%}.nav-link{font-size:25px;text-decoration:none;color:inherit}.nav li{margin-left:15px}.grid{display:flex;flex-wrap:wrap;justify-content:center}.space-around{justify-content:space-around}.space-between{justify-content:space-between}.header-lg{font-size:35px;font-weight:300;margin:20px}.header{position:absolute;height:60px;top:0;left:0;right:0}.center-text{text-align:center}.card{margin:10px 0;width:200px;padding:5px}.card img{margin-bottom:8px}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.topnav{text-align:center;text-decoration:none}.row-nav,.topnav,.topnav-right{float:right}.row-nav{display:flex;text-align:right;align-content:right;flex-direction:row}.btn{-webkit-text-decoration:uppercase;text-decoration:uppercase;border-radius:3px;border:none;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;outline:"none"}.light-btn{color:#000;background:none}.todo-btn{color:#fff}.light-btn-pause:hover{opacity:.6;background:none}.light-btn-pause{opacity:.3;background:none}.light-btn:disabled{background:#292929;color:#4a4a4a}.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%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbutton{height:20px!important;width:20px!important;margin:0 5px 3px 0}.navbutton,.twitterimg{vertical-align:middle;padding-top:0;padding-bottom:0;border:none}.twitterimg{height:25px!important;width:25px!important;margin:0 4px 3px 0}img.kofiimg{display:inline!important;display:initial!important;height:20px!important;width:20px!important;margin:0 5px 3px 0}.kofiimg:after,img.kofiimg{vertical-align:middle;padding-top:0;padding-bottom:0;border:none;content:url(/static/media/kofi_blue.820f58bb.png)}.kofiimg:after{height:25px;margin-top:0;margin-right:6px;margin-left:0;margin-bottom:4px!important}.btn-container{min-width:160px}.btn-container,.btn-container-smaller{display:inline-block!important;white-space:nowrap}.btn-container-smaller{min-width:50px}span.kofitext{letter-spacing:-.15px!important;vertical-align:middle;line-height:33px!important;padding:0;text-align:center;text-shadow:0 1px 1px rgba(34,34,34,.05)}.kofitext a,span.kofitext{color:#454b55!important;text-decoration:none!important}.kofitext a:hover{color:#454b55!important;text-decoration:none}a.kofi-button-smaller{line-height:25px!important;min-width:30px;display:inline-block!important;background-color:#29abe0;padding:2px 12px!important;text-align:center!important;border-radius:17px;color:#fff;cursor:pointer;overflow-wrap:break-word;vertical-align:middle;border:0 #fff!important;font-family:"Quicksand",Helvetica,Century Gothic,sans-serif!important;font-style:"normal";text-decoration:none;text-shadow:none;font-weight:600!important;font-size:14px!important}a.kofi-button-smaller:visited{color:#fff!important;text-decoration:none!important}a.kofi-button-smaller:hover{opacity:.85}a.kofi-button-smaller:active,a.kofi-button-smaller:hover{color:#f5f5f5!important;text-decoration:none!important}a.kofi-button{line-height:25px!important;min-width:150px;display:inline-block!important;background-color:#29abe0;padding:2px 12px!important;text-align:center!important;border-radius:17px;color:#fff;cursor:pointer;overflow-wrap:break-word;vertical-align:middle;border:0 #fff!important;font-family:"Quicksand",Helvetica,Century Gothic,sans-serif!important;font-style:"normal";text-decoration:none;text-shadow:none;font-weight:600!important;font-size:14px!important}a.kofi-button:visited{color:#fff!important;text-decoration:none!important}a.kofi-button:hover{opacity:.85}a.kofi-button:active,a.kofi-button:hover{color:#f5f5f5!important;text-decoration:none!important}.kofitext img.kofiimg{height:15px!important;width:22px!important;display:inline;display:initial;-webkit-animation:kofi-wiggle 3s infinite;animation:kofi-wiggle 3s infinite}@-webkit-keyframes kofi-wiggle{0%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1)}75%{transform:rotate(0) scale(1.12)}80%{transform:rotate(0) scale(1.1)}84%{transform:rotate(-10deg) scale(1.1)}88%{transform:rotate(10deg) scale(1.1)}92%{transform:rotate(-10deg) scale(1.1)}96%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes kofi-wiggle{0%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1)}75%{transform:rotate(0) scale(1.12)}80%{transform:rotate(0) scale(1.1)}84%{transform:rotate(-10deg) scale(1.1)}88%{transform:rotate(10deg) scale(1.1)}92%{transform:rotate(-10deg) scale(1.1)}96%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}
/*# sourceMappingURL=main.9d03315e.chunk.css.map */