.container{border:2px solid #6b3939;display:flex;flex-direction:column;height:90vh;width:50vw;margin:2rem;padding:3rem;box-shadow:10px 10px 10px #2a2e33}#form{display:flex;margin-top:2rem}#form input{border:2px solid #6b3939;padding:1rem}#form button{color:#fff;background-color:#131429;padding:1rem 2rem}#task-container{list-style:none;margin-top:1rem;overflow-y:auto}#task-container::-webkit-scrollbar{display:none}@media screen and (max-width: 800px){.container{width:90vw}#form{flex-direction:column}}.task{border-bottom:2px solid gray;display:flex;align-items:center;justify-content:space-between;padding:10px;transition:all .1s}.task:hover{background-color:#faebd7;scale:.99}#buttons{display:grid;grid-template-columns:auto auto auto;gap:1rem}.form-control{font-family:system-ui,sans-serif;font-size:2rem;font-weight:700;line-height:1.1;display:grid;grid-template-columns:1em auto}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0}input[type=checkbox]{appearance:none;background-color:#f3c1cc;margin:0;font:inherit;color:currentColor;width:1.2em;height:1em;display:grid;place-content:center}input[type=checkbox]:before{content:"";width:.7em;height:.7em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #131429;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]:checked:before{transform:scale(.7)}@media screen and (max-width: 800px){.task{height:15vh;flex-direction:column}.task h4{font-size:1rem}#buttons{gap:.5em}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;background-color:#f3c1cc;padding:.5rem 1rem;transition:all .1s}button:active{scale:.9}#root{background-color:#fff9f2;display:flex;flex-direction:column;justify-content:center;align-items:center}