*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{--cor1: #333974;--cor2: #ffffff;--cor3: #5cb85c;--cor4: #db0808;--cor5: #555555;--cor6: #0000001a;--cor7: #e9ebe8e8;--cor8: #1b2845;--corOutline: var(--cor8);--corFade: #00000080;--radiusPadrao: .5rem}body{background-image:url(/to-do-list/assets/background-image-DIJLfzoh.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}.app{width:90%;max-width:750px;margin:30px auto;background-color:var(--cor7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:15px 20px;border-radius:var(--radiusPadrao)}h1{text-align:center;margin:15px 0 25px}label{margin-bottom:1.5rem;font-weight:700;font-size:1.5rem;display:block}p{font-size:1.1rem;margin-bottom:20px}button{background-color:var(--cor1);color:var(--cor2);padding:5px 10px;border:none;border-radius:var(--radiusPadrao);cursor:pointer;opacity:.7;transition:opacity .2s linear;font-size:.9rem;font-weight:700}button:hover,button:focus{opacity:1}button:focus,select:focus,input:focus,.checkbox input:focus~span{outline:solid .2rem var(--corOutline)}select,input[type=checkbox]~span{cursor:pointer}input,select{border-radius:var(--radiusPadrao);padding:10px;margin-bottom:10px;border:1px solid var(--cor5);display:block;width:100%}select{background-color:var(--cor2)}.filter,.checkbox,.search{border-bottom:solid 1px var(--cor5);padding-bottom:25px;margin-bottom:25px}.checkbox{padding-bottom:20px;display:flex;justify-content:flex-start;align-items:center;position:relative}.checkbox input[type=checkbox]{margin-bottom:0;position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox span{position:absolute;top:0;left:0;height:25px;width:25px;background-color:var(--cor1);opacity:.4}.checkbox:hover input~span{opacity:.8}.checkbox input:focus~span{opacity:.8}.checkbox span:after{content:"";position:absolute;display:none}.checkbox input.checkbox--ativo~span,.checkbox span.checkbox--ativo{opacity:1}.checkbox input.checkbox--ativo~span:after,.checkbox span.checkbox--ativo:after{display:block;opacity:1}.checkbox span:after{left:9px;top:5px;width:5px;height:10px;border:solid var(--cor2);border-width:0 2.5px 2.5px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.checkbox label{font-size:1.1rem;font-weight:400;margin-bottom:0;margin-left:2rem;margin-top:.15rem}.search__container{display:flex}.search__container__input{flex:80%;border-radius:var(--radiusPadrao) 0 0 var(--radiusPadrao);margin-bottom:0}.search__container button{flex:20%;border-radius:0 var(--radiusPadrao) var(--radiusPadrao) 0}.filter_options{display:flex;flex-direction:column;gap:1rem}.filter_options__alphabetic__buttons{display:flex;gap:1rem}.buttons__asc_button--active button:first-child{opacity:1}.buttons__desc_button--active button:last-child{opacity:1}.todo_list{margin-bottom:35px;border-bottom:solid 1px var(--cor5)}.todo_list__feedback{text-align:center;line-height:1.5rem;letter-spacing:.05rem}.todo_list__todo{box-shadow:outset 0 0 10px var(--cor6);background-color:var(--cor2);margin-bottom:25px;padding:1.5rem;border-radius:var(--radiusPadrao);display:flex;flex-direction:column;gap:10px;transition:box-shadow .1s linear}.todo_list__todo:hover{box-shadow:inset 0 0 5px var(--cor5)}.todo_list__todo p{line-height:1.5rem;letter-spacing:.05rem}.todo_list__todo p:last-child{font-size:.9rem}.todo_list__todo--done p:first-child{text-decoration:line-through;font-style:italic;font-weight:800}.todo_list__todo__buttons{align-self:center;display:flex;gap:20px}.todo_list__todo__buttons button{width:100px;padding:.5rem}.buttons__complete_button{background-color:var(--cor3)}.buttons__remove_button{background-color:var(--cor4)}.todo_form,.todo_form h2{margin-bottom:1.5rem}.todo_form__form{display:flex;flex-direction:column;gap:.7rem}.todo_form__form label{margin-bottom:.5rem;font-weight:400;font-size:1.2rem}.todo_form__form button{align-self:flex-end;padding:.3rem 1.5rem}.fade{width:100%;height:100%;background-color:var(--corFade);position:fixed;left:0;top:0;z-index:2}.modal_details{z-index:3;background-color:var(--cor7);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:900px;border-radius:var(--radiusPadrao);padding:2rem;display:flex;justify-content:center;align-items:center}.modal_details form{display:flex;flex-direction:column}.modal_details form p{text-align:center;line-height:1.5rem;letter-spacing:.05rem}.modal_details form button{align-self:center}.modal_remove{display:flex;flex-direction:column}.modal_remove p{text-align:center}.modal_remove .modal_remove__buttons{display:flex;gap:3rem}@media screen and (min-width: 700px){.filter_options{flex-direction:row;justify-content:space-around;gap:2rem}.filter_options__filter,.filter_options__alphabetic{flex:50%}}