@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--VeryDarkBlue:hsl(235,21%,11%);--LightGrayishBlue:hsl(236,33%,92%);--DarkGrayishBlue:hsl(234,11%,52%);--white:#ffffff}*{padding:0;margin:0;box-sizing:border-box}body{background:var(--LightGrayishBlue);font-family:Josefin Sans,sans-serif}header{background-color:#ffa07a;min-height:50vh;display:flex;justify-content:center;align-items:center}.todoContainer{width:550px;transform:translateY(40%)}.header_content{display:flex;align-items:center;margin-bottom:2rem;gap:12px}.header_logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.header_content h2{font-size:2.5rem;letter-spacing:2px;color:var(--white);margin:0}img{width:20px;height:20px;cursor:pointer}form input{width:100%;outline:none;border:none;font-family:inherit;padding:1rem 2rem;border-radius:5px;font-size:1.1rem}.todoContainer ul{display:flex;flex-direction:column;background:var(--white);margin-top:2rem;padding:.7rem 1rem;border-radius:5px}.todoContainer ul li{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--LightGrayishBlue);padding:1rem 0}.todoContainer ul li input[type=checkbox]{width:17px;height:17px;margin-right:.5rem}.todoContainer ul li div{display:flex;align-items:center}.todoContainer ul li:last-child{border:none}.footer{color:var(--DarkGrayishBlue);font-size:.9rem}.footer .active{padding:0 5px}.clear{cursor:pointer;color:var(--VeryDarkBlue)}