@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;width:100%}.darkMode{background-color:#333}.lightMode{background-color:#ccc}body{background-color:#90ee90;color:#000;font-family:Roboto,sans-serif}li{list-style-type:none}button{border-radius:4px;height:3rem;min-width:2.3rem}button:hover{box-shadow:0 0 7px #008b8b!important}.hidden{display:none}.task__container{align-items:center;display:flex;justify-content:center}.tasks{box-sizing:border-box;margin-top:1.5rem;padding:0;width:100%}.task__container button{margin-bottom:.5rem;margin-right:.4rem}.task{display:flex;margin-bottom:.5rem}.task--details{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 30px;text-align:start;width:75%}.task button:active,.task--done{background-color:#0dbf84}.task--done{color:#fff}.task--pin{background-color:#324701;color:#fff}.task--up{background-color:#fae5be}.task--down{background-color:#c1edff}.task--delete{background-color:#f56464}.task--edit{background-color:pink}.tasks__completed{align-items:center;display:flex;justify-content:center}.tasks__completed--number{color:#0c3d01;font-size:1.5rem;margin-left:.6rem}.tasks--sort{height:1.5rem!important;margin-bottom:1rem;min-width:5rem!important}.tasks--sort:hover{background-color:#4ce2b0;box-shadow:4px 4px 4px #2fd178!important}.sort__container{display:flex;justify-content:center;width:100%}.task__alert--delete{transition:.3s ease-in-out}.container{letter-spacing:2px;margin:auto;text-align:center;width:75%}.container .button{border:#0000;font-family:Roboto,sans-serif;font-size:1rem;letter-spacing:1.2px;transition:.1s ease-in-out}.form{margin:auto auto 2rem}.form__input{display:flex;margin:auto auto 1rem;position:relative;transition:.2s ease-in-out;width:45%}.form__input input{border:2px solid #008b8b;outline:none;transition:.05s ease-in-out}.form__input input:active,.form__input input:hover{box-shadow:0 0 7px #008b8b!important}.form__submit{display:flex;margin:auto;position:relative;width:20%}.form__input--task{border:#0000;font-family:Roboto,sans-serif;letter-spacing:1px;padding:0 0 0 10px}.form__input--submit,.form__input--task{font-size:1.25rem;height:2.1rem;width:100%}.form__input--submit{padding:0}.form__input--error{content:"Enter a valid task";outline:2px solid red;transition:.1s ease}.message--error{color:red;justify-self:flex-start;left:0;position:absolute}
/*# sourceMappingURL=main.7a41905d.css.map*/