@import "https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;700;900&family=Urbanist:wght@300;600&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Urbanist,sans-serif}html{font-size:62.5%}a{text-decoration:none}li{list-style:none}main{flex-direction:column;align-items:center;min-height:100vh;margin-top:10rem;display:flex}main h2{margin-bottom:4.8rem;font-family:Lexend Deca,sans-serif;font-size:3rem}main h2 .icons{color:#68b984}nav{border-bottom:.1rem solid #ccc;justify-content:space-between;align-items:center;width:55rem;display:flex}nav a{color:#ccc;border-bottom:.3rem solid #0000;font-family:Lexend Deca,sans-serif;font-size:2rem}nav a:hover{border-color:#3a3845}nav a.active{color:#000;border-color:#68b984}form input{user-focus:none;letter-spacing:.06rem;border:.1rem solid #ccc;border-radius:.3rem;width:45rem;margin:4rem 0;padding:.6rem 1rem;font-size:1.6rem;font-weight:700}form button{cursor:pointer;color:#fff;background-color:#68b984;border:none;border-radius:.3rem;margin-left:2.4rem;padding:.8rem 2.8rem;font-weight:700}label{letter-spacing:.06rem;color:#3a3845;font-size:1.5rem;font-weight:700}.main-task li{border-bottom:.1rem solid #ccc;grid-template-columns:repeat(3,1fr);align-items:center;width:50rem;min-height:6rem;display:grid}.main-task li:first-child{border-top:.1rem solid #ccc}.main-task li:hover{background-color:#fef2f2}.main-task li input[type=checkbox]:checked+label{color:#d14d72;text-decoration:line-through}.main-task li button{color:#fff9f9;cursor:pointer;letter-spacing:.1rem;background-color:#d14d72;border:none;justify-self:center;width:7rem;padding:.6rem 1rem;display:inline-block}