body,main,#addcomponents{flex-direction:column;display:flex}#addnewtodo,#addtodo,#todoscontainer{margin-left:auto;margin-right:auto}header,#addtodo{align-items:center;display:flex}body{color:#fff;background-color:#2e1b2e;height:100vh;margin:0;font-family:DynaPuff,system-ui;line-height:1.7em}h1{background-color:#1c101c;border:5px solid #1b2e1b;border-radius:10px;padding:2%;font-size:2.5rem}h2{text-align:center;font-size:2rem}p{font-family:Roboto,system-ui}header{background-color:#4a2b4a;border-bottom:5px solid #1b2e1b;justify-content:space-around;padding:2%}header img{width:250px;height:250px}footer{text-align:center;background-color:#1c101c;width:100%;margin-top:auto;padding-top:1.5%;padding-bottom:1.5%}#addnewtodo{width:45%;max-width:900px;padding:2%}#todoinput,#priorityinput{height:30px}#priorityinput{width:20%;min-width:100px}#addtodo{color:#fff;background-color:#1b2e1b;border:none;border-radius:5px;justify-content:center;width:20%;min-width:130px;height:50px;margin-top:30px;font-size:1.2rem}#addtodo:hover{cursor:pointer;background-color:#2a472a}#addcomponents{gap:20px;margin-top:50px;margin-bottom:50px}#addnewtodocontainer{background-color:#4a2b4a;border-radius:10px;padding:2%}#todoscontainer{width:45%;max-width:900px;padding:2%}#todos{background-color:#4a2b4a;border-radius:10px;margin-bottom:70px;padding:2%}#todos ul{padding-left:0;font-family:Roboto,system-ui;font-size:1.2rem;list-style:none}#todos ul li{background-color:#1c101c;border:3px solid #1b2e1b;border-radius:10px;padding:1%}#errorcontainer p{text-align:center;background-color:#700c0c;border-radius:10px;padding:1%}.completedtask{color:#999797;text-decoration:line-through}@media (width<=1024px){#addnewtodo,#todoscontainer{width:80%}}@media (width<=600px){header img{width:150px;height:150px}h1{font-size:2rem}h2{font-size:1.8rem}#addnewtodo,#todoscontainer{width:90%}footer{font-size:.8rem}}