.App{align-items:center;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0;width:100%}.input-task{align-items:center;border-bottom:1px solid #ccc;flex-direction:column;height:110px;margin:0 2px}.input-task,.switch-mode{border-radius:4px;display:flex;justify-content:space-around;padding:10px;width:95%}.switch-mode{align-items:flex-end;flex-direction:row;height:50px;margin:0}.all-tasks{flex-direction:column;justify-content:start;width:95%}.all-tasks,.footer{align-items:center;border-radius:4px;display:flex;margin:0;padding:10px}.footer{background-color:rgba(0,0,0,.281);border-top:1px solid #0056f7;bottom:0;height:50px;justify-content:center;position:fixed;width:100%}.button{cursor:pointer}.button:hover{opacity:.8}.button:active{opacity:.5}.task-container{background-color:#ccc;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;height:40px;justify-content:space-between;margin:5px;transition:all .2s ease-in-out;width:90%}.task-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.task{flex-direction:row;justify-content:space-between;padding-left:10px;width:90%}.delete-btn,.task{align-items:center;display:flex}.delete-btn{background-color:#ffa8a8;border-radius:10px;color:#fff;height:40px;justify-content:center;padding-top:auto;text-align:center;width:40px}.delete-btn:hover{opacity:.6}.switch-mode .all,.switch-mode .completed{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-around;margin:0;padding:10px;width:50%}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rotate{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;transition:all 1s linear}.information{align-items:center;border-radius:4px;display:flex;flex-direction:column;height:100px;justify-content:space-around;margin:0;padding:10px;position:fixed;text-align:center;top:8%}.information img{width:60px}.form-group{height:300px;justify-content:center;margin:auto;text-align:center;width:70%}.form-element,.form-group{align-items:center;display:flex;flex-direction:column}.form-element{background-color:#f4f7ff;border-radius:2px;border-radius:8px;font-size:1.3rem;height:100%;justify-content:space-evenly;padding:10px;width:100%}.form-element input{background-color:transparent;border:.5px solid #000;border-radius:5px;font-size:1.1rem;margin:4px;outline:none;padding:4px;width:250px}.form-element input[type=submit]{align-items:center;background-color:blue;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:5px}.form-element input[type=submit]:hover{opacity:.7}
/*# sourceMappingURL=main.614114e6.css.map*/