*,*:before,*:after{box-sizing:border-box}body{margin:0;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;background-color:#f3efef}.header-form-container{margin:30px 10px;background-color:#e2cdcd;padding-top:10px;padding-bottom:10px;border-radius:100px}h1{text-align:center;color:#642c47;margin-top:70px;margin-bottom:50px;font-family:Malgun Gothic;font-size:30px}h2,h4{text-align:center;color:#642c47;font-family:Malgun Gothic}h4{font-weight:400}p{font-size:12px}.form-container{display:flex;flex-direction:column;align-items:center;margin-bottom:70px}.form-input{display:flex;flex-direction:column;align-items:center;padding:5px 20px;border-radius:5px}.input{background-color:#fff}.form-input input:focus{border:2px solid #e0bfd0;outline:none;box-shadow:0 0 5px #977b8ab3;background-color:#fff}.deadline-category-field{display:flex;justify-content:space-between}.task-input{width:250px;height:50px;border-radius:10px;border:none;margin-bottom:20px}.deadline-input{width:100px;height:30px;border-radius:5px;border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px white inset;box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:black;transition:background-color 5000s ease-in-out 0s}.select-category{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:30px;border-radius:5px;cursor:pointer;border:none;color:#757575}.select-category:focus{outline:2px solid #e0bfd0;box-shadow:0 0 5px #977b8ab3}.button-field{display:flex;justify-content:center}.submit-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;width:150px;height:30px;border-radius:5px;border:none;background-color:#f8e6ef;cursor:pointer}.submit-button:hover{box-shadow:0 0 5px #977b8ab3}.error-message{text-align:center}.list-container{display:flex;flex-direction:column;align-items:center;gap:8px}.filter-buttons{display:flex;gap:8px;justify-content:center}.filter-buttons button{border:none;margin-bottom:20px;cursor:pointer;height:25px;border-radius:8px}.filter-buttons button:hover{box-shadow:0 0 5px #977b8ab3}.filter-buttons button:focus{box-shadow:0 0 5px #977b8ab3}.task-box{display:flex;align-items:center;height:80px;width:250px;padding:10px 20px;border-radius:10px;gap:30px;position:relative}.task-box input{-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-self:center;height:20px;width:20px;border-radius:50%;border:1px solid #642c47;cursor:pointer;position:relative}.task-box input:checked:after{content:"✔";color:#642c47;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-deadline-box h5{margin-bottom:2px}.task-deadline-box p{margin-top:2px}.button-box{position:absolute;bottom:15px;right:15px}.remove-button{background:transparent;border:none;cursor:pointer;font-size:18px;font-size:10px}@media (min-width:667px){.header-form-container{width:600px;margin:50px auto}.task-box{height:100px;width:350px}}