*{margin:0;padding:0;box-sizing:border-box}body{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}.AddTask{display:flex;flex-direction:column;align-items:center;text-align:left}.AddTask h1{padding:20px 10px}.AddTask form{height:95%;flex-direction:column;align-items:center}.AddTask form,.AddTask form label{width:90%;display:flex;justify-content:space-around}.AddTask form label:nth-of-type(2){justify-content:center}.AddTask form label:last-of-type{flex-direction:column;padding:20px}.AddTask form input{font-size:25px;padding:5px;width:90%;border:2px solid #000;color:#000;border-radius:10px;outline:none}.AddTask form input[type=checkbox]{width:30px;height:30px;border-radius:10px}.AddTask form input[type=date]{font-size:20px}.AddTask form textarea{padding:2%;font-size:25px;height:150px;border:2px solid #000;color:#000;border-radius:10px;outline:none}.AddTask button{padding:20px;border:2px solid #4dd42b;color:#4dd42b;background-color:#000;font-size:26px;border-radius:10px;cursor:pointer;transition:.3s;outline:none}.AddTask button:hover{color:#000;background-color:#4dd42b;text-shadow:0 0 4px #000}.TaskList{display:flex;flex-direction:column;justify-content:space-around}.TaskList h1,.TaskList h2{padding:20px 0}.TaskList .sort{display:flex;justify-content:space-around;align-items:center;width:95%}.TaskList .sort h1{text-align:right;flex-basis:50%}.TaskList .sort button{padding:10px;color:#fff;border-color:#fff}.TaskList section{flex-basis:50%;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.TaskList h3{padding:10px;font-size:20px;font-weight:400}.TaskList button{padding:5px;color:silver;background-color:transparent;border:2px solid silver;border-radius:10px;font-size:20px;cursor:pointer;transition:.2s ease-out;outline:none}.TaskList button:hover{color:#4dd42b;border-color:#4dd42b}.ActiveTasks:hover{text-shadow:0 0 4px #fff}.ActiveTasks,.TaskCompleted{padding:10px;width:97%;cursor:pointer;border:1px solid #fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;border-radius:10px}.ActiveTasks h3{flex-basis:35%}.ActiveTasks button{flex-basis:8%}.TaskCompleted{border-color:silver;justify-content:space-between}.TaskCompleted h3{color:silver;font-style:italic}.TaskCompleted button{padding:5px 25px;color:silver;border-color:silver}.priority{color:#4dd42b}.active{background-color:#4dd42b}.TaskInfo{display:flex;flex-direction:column;align-items:center;text-align:center}.TaskInfo h1{font-size:120%;padding:20px 0}.TaskInfo section{width:80%;padding:5%}.TaskInfo .days{display:flex;justify-content:space-around}.TaskInfo h3{color:#64e4f0;font-size:20px;font-style:italic;letter-spacing:1px;padding-bottom:10px}.App{width:100vw;height:100vh;background-color:silver;display:flex;justify-content:center;color:#fff;background-color:#000;background-image:url(/React_To_Do/static/media/theme.cc0e3dfa.png)}.AddTask{flex-basis:25%}.TaskList{flex-basis:55%}.TaskInfo{flex-basis:20%}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:transparent;border:0 solid #000;border-radius:10px}::-webkit-scrollbar-thumb{background:#dbdbdb;border:0 solid #000;border-radius:10px}::-webkit-scrollbar-button{height:80px}::-webkit-scrollbar-thumb:hover{cursor:pointer;background:#87cefa}
/*# sourceMappingURL=main.5f22a44b.chunk.css.map */