body{margin:0;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}*{box-sizing:border-box;padding:0;margin:0}:root{--primary:#3450a1;--primary-light:#7b96e8;--primary-dark:#031956;--secondary-blue:#3277ed;--secondary-purple:#ba1be0}body{background-color:#3450a1;background-color:var(--primary);color:#fff;font-family:"Poppins",sans-serif;background-color:#e4e9fd;background-image:linear-gradient(to top right,#3450a1 50%,#7b96e8 0);background-image:linear-gradient(to top right,var(--primary) 50%,var(--primary-light) 0)}#root{height:100vh;width:100vw}.app{padding:1rem;height:100vh;flex-direction:column}.app,.app header{display:flex;align-items:center}.app header{margin:2rem 0;color:#fff;font-size:3rem;justify-content:center}@media only screen and (max-width:768px){.app header{margin:0;font-size:2.2rem}}#container{min-height:0;flex-grow:1;display:flex;flex-direction:column;align-items:stretch;padding:2rem 4rem}@media only screen and (max-width:768px){#container{flex-grow:1;width:100%;padding:1rem .5rem}}form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}form button,form input{padding:.5rem;font-size:2rem;border:none;background:#fff}form button{color:#031956;color:var(--primary-dark);background:#f7fffe;cursor:pointer;transition:all .3s ease}form button:hover{background:#031956;background:var(--primary-dark);color:#fff}.filter-todo{padding:1rem}@media only screen and (max-width:768px){form{display:flex;justify-content:center;align-items:center}form button,form input{font-size:1rem;border:none;background:#fff}form button{color:#031956;color:var(--primary-dark);background:#f7fffe;cursor:pointer;transition:all .3s ease}form button:hover{background:#031956;background:var(--primary-dark);color:#fff}.filter-todo{padding:1rem}}.todo-list{margin:1rem 0;flex:1 1 auto;overflow-y:auto}.todo-item{display:flex;width:100%;background-color:#031956;background-color:var(--primary-dark);color:#fff;margin:.5rem 0;padding:.5rem 1rem;border-radius:.6rem;align-items:center}@media only screen and (max-width:768px){.todo-item{padding:.2rem .5rem}}.task-name{flex-grow:1;padding:.2rem .5rem;margin-left:.5rem}.done-btn{border:.2rem solid #ba1be0;border:.2rem solid var(--secondary-purple);height:1.5rem;width:1.5rem;background-color:#031956;background-color:var(--primary-dark);border-radius:50%;cursor:pointer}.remove-btn{background:#031956;background:var(--primary-dark);color:#ba1be0;color:var(--secondary-purple);border:none;padding:.3rem;cursor:pointer;font-size:1rem}.done-btn:hover{border-color:#3277ed;border-color:var(--secondary-blue);transition:all 50ms ease}.remove-btn:hover{color:#fff;transition:all 50ms ease}.todo-done>.task-name{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;text-decoration-thickness:2px;color:hsla(0,0%,100%,.794);transition:all 10s ease}.todo-done>.done-btn{border-color:#3277ed;border-color:var(--secondary-blue);background-color:#3277ed;background-color:var(--secondary-blue);size:1rem;color:#fff;transition:all 70ms ease}.add-task-form{width:100%}select{-webkit-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background-image:none}.select{margin:1rem;position:relative;overflow:hidden}select{color:#031956;color:var(--primary-dark);font-family:"Poppins",sans-serif;cursor:pointer;width:12rem}@media only screen and (max-width:768px){.select{position:relative;overflow:visible}select{width:5rem}}.select:after{content:"\25BC";position:absolute;top:0;right:0;padding:1rem;background:#031956;background:var(--primary-dark);cursor:pointer;pointer-events:none}.select:hover:after{-webkit-transform:scale(1.5);transform:scale(1.5)}
/*# sourceMappingURL=main.c81423de.chunk.css.map */