body{background-color:#fff8dc;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{background-color:#98c586;padding:5vh 3vw;box-shadow:0 2px 5px #0000004d}h1{margin:0;padding:0;font-size:3rem;font-weight:350}h2,h3{margin:3vh 3vw;font-weight:350}#uppgift-titel,#prioritet{border:none;border-radius:3rem;padding:.5vh .5vw;box-shadow:0 2px 5px #0000004d}#add-button{cursor:pointer;background-color:#98c586;border:none;border-radius:2rem;margin-top:2vh;padding:1vh 2vw;font-size:1rem;font-weight:500;box-shadow:0 2px 5px #0000004d}#add-button:hover{background-color:#6cac52}.complete-button{cursor:pointer;background-color:#98c586;border:none;border-radius:2rem;padding:.5vh 1vw;font-size:.9rem;font-weight:500;box-shadow:0 2px 5px #0000004d}.complete-button:hover{background-color:#6cac52}.delete-button{cursor:pointer;background-color:tomato;border:none;border-radius:2rem;padding:.5vh 1vw;font-size:.9rem;font-weight:500;box-shadow:0 2px 5px #0000004d}.delete-button:hover{background-color:#fa2600}#todo-form{flex-direction:column;gap:1.5vh;margin:3vh 3vw;display:flex}#linje{border:.5px solid #000;margin:7.5vh 3vw;box-shadow:0 2px 5px #0000004d}#todo-lista,#avslutade-list{flex-direction:column;gap:1.5vh;width:50vw;margin:0 3vw;padding:0;list-style-type:none;display:flex}.todo-item{border-bottom:.5px solid #000;justify-content:space-between;align-items:center;padding:.5vh 0 2vh;display:flex}@media (width<=1024px) and (width>=768px){#todo-lista,#avslutade-list{width:90vw}}@media (width<=768px){#todo-lista,#avslutade-list{width:90vw}}