form{margin-top:4rem}form h2{color:indigo;font-weight:700}.form-field{border:1px solid rgb(233,223,223);padding:1rem 2rem;border-radius:.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;background:#000;box-shadow:inset}form p{font-weight:700;color:red}.complete{text-decoration:line-through;opacity:50%}input{height:30px;width:max-content;border-radius:10px;border:1px solid gray;outline:none;padding:0 10px}textarea{outline:none}button{padding:10px;border-radius:3px;border:none;background-color:indigo!important;color:#fff;font-weight:bolder}button:hover{background-color:#972fe2;cursor:pointer}button:active{background-color:#cd5c5c}.content{display:flex;flex-direction:column;gap:.1rem;background:#000;color:#fff;padding:0 15px;margin-top:20px}.content-cont{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}.content-cont p{font-size:18px}.cont{display:flex;align-items:center;gap:1rem}.func{display:flex;align-items:center;gap:.7rem;font-size:20px}.edit{color:indigo}.edit:hover{color:#933ecf;cursor:pointer}.delete{color:red}.delete:hover{color:#e96363;cursor:pointer}.checkbox{width:20px!important;background-color:indigo}.show{position:fixed;display:block;width:60%;background-color:#fff;padding:1rem 2rem;transform:translateY(-50%);top:50%;height:50vh}.hide{display:none}@media screen and (max-width: 768px){.form-field{flex-direction:column}input,textarea{width:100%}button{width:50%;align-self:flex-start}.show{width:90%}}#root{display:flex;align-items:center;justify-content:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}body{background-color:#eee}