*{box-sizing:border-box;font-family:Quicksand,Arial,sans-serif}body{margin:0;padding:0;position:relative}#root{align-items:center;background:#1e1e1e;display:flex;flex-direction:column;min-height:100vh;width:100%}.overflow{overflow:hidden}.todo-container{background:#343434;margin-bottom:3rem;width:60%}.App{margin-bottom:2rem;margin-top:10px;width:100%}.input-container{display:flex;flex-direction:row;justify-content:center;min-height:150px}.todo-bar{background:#5b5b5b;color:#fff;display:flex;justify-content:space-around;margin-left:40px;width:50%}.completed-bar{position:relative}.completed-bar,.items-bar{cursor:pointer;width:50%}.bar-title{text-align:center}.header{color:#fff;margin-bottom:3rem}.todo-comp-items,.todo-items{display:flex;flex-direction:column;margin-bottom:4rem}.item{padding:20px}.completed-item,.item{border-radius:5px;list-style:none;margin-bottom:15px;margin-right:10px;min-width:150px;width:85%}.completed-item{color:#08f858;text-decoration:line-through}.title{color:#fff}.todo-title{color:#fff;font-weight:500;margin-block:5px}.todo-description{color:#dcdcdc}.input{border:none;border-radius:5px;font-size:1rem;margin-right:20px;min-width:270px;padding:10px}.items-container{background:#404040;display:flex;margin:1rem auto;width:90%}.add-button-container,.buttons-container{align-items:center;display:flex}.complete-button,.delete-button{font-size:25px;margin-bottom:15px;padding:5px}.add-button,.complete-button,.delete-button{border:none;border-radius:5px;color:#fff;cursor:pointer}.add-button{background-color:#a32cc4;margin-top:5px;padding:10px;width:95px}.add-button:hover{background-color:#b130d4}.date{color:silver;margin:0}.active{background-color:#a32cc4}.exclamation{background-color:#fff;border-radius:50%;color:#c00;display:inline-block;position:absolute;right:-5px;text-align:center;top:-8px}.modle{background-color:#242526;border-radius:15px;position:fixed;top:40%;width:40%;z-index:2}.modle-container{position:relative;width:100%}.modle-title{color:#e4e6eb;line-height:1.2;text-align:center}.hr{color:#3e4042;height:1px;margin:0}.modle-text{color:#e4e6eb;padding:12px 16px}.molde-buttons-container{margin-bottom:1rem;max-width:100%;padding:18px;width:100%}.modle-buttons{display:flex;flex-direction:row-reverse}.modle-delete-button{background-color:#a32cc4;border-radius:10px;margin-left:8px}.modle-delete-button:hover{background-color:#b130d4;color:#fff}.modle-button{cursor:pointer}.n-b:hover{background-color:hsla(0,0%,100%,.1);border-radius:10px;color:#fff}.xmark{border-radius:50%;color:#fff;cursor:pointer;padding:7px 12px;position:absolute;right:0;top:0;z-index:1}.xmark:hover{background-color:hsla(0,0%,100%,.1);color:red}.overlayer{background-color:#34343493;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.footer{margin-bottom:20px;text-align:center;width:100%}.footer-text{color:#fff}@media (min-width:1440px){.todo-container{width:70%}.input{min-width:350px}}@media (max-width:1290px){.input-container{flex-direction:column;padding-left:40px}.input{width:80%}.mb-1{margin-bottom:1.5rem}.add-button{width:80%}}@media (max-width:910px){.todo-container{width:90%}.modle{width:70%}}@media (max-width:420px){.input{min-width:auto}.add-button,.input{width:90%}.todo-bar{width:60%}.todo-title{font-size:20px}.date,.todo-description{font-size:15px}.buttons-container{flex-direction:column;justify-content:space-evenly}.complete-button,.delete-button{font-size:23px}}@media (max-width:320px){.todo-bar{width:70%}.todo-title{font-size:17px}.date,.todo-description{font-size:13px}}
/*# sourceMappingURL=main.5d36ef05.css.map*/