@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700;900&display=swap);
.modal-container{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.form{display:flex;flex-direction:column;align-items:center;width:450px;min-height:fit-content;border-radius:10px;background-color:#b641a6}.form-title{margin:20px 0;font-size:22px}.form-containerInput{margin:20px 0}.form-textInput{outline-color:#ae00ff;font-size:15px;font-weight:600;color:#2c003a}.form-textInput::placeholder{font-size:13px;color:#9e9e9e}.form-containerInput>button{margin-left:25px;width:95px;height:40px;border:none;font-weight:700;font-size:15px}.form-containerInput>.form-button--cancel{margin:0;background-color:#8d61b6;color:#fff}.form-containerInput>.form-button--submit{background-color:#d646be;color:#fff}
body{display:flex;flex-direction:column;align-items:center;background:linear-gradient(#7034aa, #7e41b8, #9a5ad4);font-family:"Source Sans Pro",sans-serif;color:#fff;height:100vh;margin:0}.main{display:flex;flex-direction:column;align-items:center}.counter-title{text-align:center}.search-header{display:flex;align-items:center;justify-content:center;margin-right:20px}.search-input{width:350px;height:25px;margin-bottom:50px;outline:none;border-radius:15px;border:2px solid rgba(0,0,0,.3);background-color:transparent;color:rgba(255,255,255,.918);text-align:center;font-weight:bold}.search-title{text-align:center}.Icon-svg--search{color:#fff;font-size:25px}.search-input::placeholder{color:rgba(0,0,0,.3);text-align:center}.list-container{width:100%}.list-container>ul{padding:0}.list-item{display:flex;align-items:center;width:100%;height:70px;min-height:70px;border-radius:3px;list-style:none;background-color:rgba(0,0,0,.3)}.list-item{margin-bottom:25px}.list-item>p{padding:5%;width:80%;font-weight:600}.list-item>span{width:10%}.icon-container{margin:0 15px;width:fit-content;height:fit-content}.Icon-svg--check{position:relative;font-size:25px}.Icon-svg--check:hover{fill:#219b21;cursor:pointer}.list-content{margin-left:10px}.icon-container--delete{margin:0 15px;position:relative;top:-30px}.Icon-svg--delete{position:relative;font-size:30px;fill:rgba(0,0,0,.65)}.Icon-svg--delete:hover{fill:#c32323;cursor:pointer}.list-item.completed>p{text-decoration:line-through}.list-item.completed>.list-check{color:#19a819}.icon-container--add{margin:0;position:absolute;right:135px;bottom:65px;z-index:20;width:fit-content;height:fit-content}.Icon-svg--add{position:relative;font-size:70px}.Icon-svg--add:hover{fill:rgba(255,255,255,.95)}@media screen and (max-width: 445px){body{margin:0 5%}.search-input{width:100%}.search{width:100%}.list-item{height:100px}.icon-container--add{right:10%}.icon-container--delete{top:-45px}}