@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;font-family:Montserrat,sans-serif}html,body{height:100%}body{background-color:#2c2f38;margin:0}#root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-item-form{max-width:460px;width:100%;display:flex;flex-direction:column;padding:0 30px}.form-row{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.form-row input{width:100%;padding:12px;border-radius:2px;border:none;margin:8px 0 16px;font-size:16px}.form-row label{color:#fff;font-weight:700;font-size:20px}.btn{display:inline-block;width:100%;background-color:#fa0;border:none;color:#2c2f38;font-weight:600;padding:12px;font-size:18px;border-radius:2px}.btn:hover{cursor:pointer}.btn-danger{background-color:red!important;color:#fff;width:fit-content;font-size:14px;padding:8px}h1.header{color:#fff}ul.list{list-style-type:none;padding:0;margin:16px 0 0;width:100%;max-width:400px}ul.list li{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#fff;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}ul.list li:last-of-type{border-bottom:none}ul.list li label{display:flex;align-items:flex-start;justify-content:space-between}ul.list li label input{margin-right:8px}ul.list li label input[type=checkbox]:checked+span{text-decoration:line-through;opacity:.6}.empty-list p{color:#fff;text-align:center}@media only screen and (max-width: 762px){#root{justify-content:flex-start;padding-top:30px}ul.list{padding:0 30px}}