*{margin:0;box-sizing:border-box}body{font-family:Verdana,Geneva,Tahoma,sans-serif;height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/background-eIqE7LIw.jpg);background-size:cover;background-repeat:no-repeat}body main{height:100vh;width:100%;background-color:#fff;padding:10px;border:1px solid black}body main h1,body main h2{text-align:center;padding:10px;background-color:#f5db86}body main h1{font-size:36px;border:1px solid black}body main h2{font-size:30px;border-bottom:1px solid black;border-top-left-radius:5px;border-top-right-radius:5px}body main header{display:flex}body main header input{height:30px;margin:10px}body main #todos{border:1px solid black;border-radius:5px;background-color:#4b442e}body main #todos li{list-style-type:none;text-align:center;align-items:center;margin:5px;border:1px solid black;border-radius:5px;background-color:#fff}body main #todos li .task-text{min-height:40px;display:flex;justify-content:space-between;align-items:center}body main #todos li .task-text input[type=checkbox]{display:none}body main #todos li .task-text input[type=checkbox]+label{display:inline-block;position:relative;cursor:pointer;padding-left:35px;left:10px;top:-13px}body main #todos li .task-text input[type=checkbox]+label:before{content:"";position:absolute;left:0;top:0;width:25px;height:25px;border:2px solid #bdc3c7;border-radius:5px;background-color:#f0e1b8;transition:background-color .3s ease,border-color .3s ease}body main #todos li .task-text input[type=checkbox]:checked+label:before{background-color:#d6bc67;border-color:#d6bc67;content:"✓";color:#fff;font-size:18px;text-align:center;line-height:25px}body main #todos li .task-text input[type=checkbox]:disabled+label:before{background-color:#7f8c8d;border-color:#95a5a6}body main #todos li .task-text button{margin-right:5px}body main #todos li .task-date{border-top:1px solid black;background-color:#f5db86;border-bottom-right-radius:5px;border-bottom-left-radius:5px}@media (max-width: 800px){main{width:100%;background-image:url(/assets/background-eIqE7LIw.jpg);background-size:cover;background-repeat:no-repeat}}