body{padding:0;margin:0;background-image:url(/assets/bg-mobile-dark-DBhZPurk.jpg);background-repeat:no-repeat;background-position:center top;background-size:contain;font-family:Josefin Sans,sans-serif;background-color:var(--body)}body.light-mode{background-image:url(/assets/bg-mobile-light-eXTHhUPU.jpg)}@media (min-width: 768px){body{background-image:url(/assets/bg-desktop-dark-DzAvO98h.jpg);display:grid;place-items:center}}@media (min-width: 768px){body.light-mode{background-image:url(/assets/bg-desktop-light-BIdKokTn.jpg);display:grid;place-items:center}}:root{--BrightBlue: hsl(220, 98%, 61%);--CheckBackground: hsl(192, 100%, 67%), hsl(280, 87%, 65%);--body: hsl(235, 21%, 11%);--labels: hsl(235, 24%, 19%);--activeFonts: hsl(234, 39%, 85%);--inactiveFonts: hsl(233, 14%, 35%);--hoverFont: hsl(236, 33%, 92%);--buttonBorder: hsl(237, 14%, 26%);--lastLabelFonts: hsl(234, 11%, 52%)}.light-mode{--body: hsl(236, 33%, 92%);--labels: hsl(0, 0%, 98%);--activeFonts: hsl(235, 19%, 35%);--inactiveFonts: hsl(233, 11%, 84%);--hoverFont: hsl(235, 19%, 35%);--buttonBorder: hsl(233, 11%, 84%);--lastLabelFonts: hsl(236, 9%, 61%)}main{color:var(--activeFonts);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.header-section{display:flex;justify-content:space-between;align-items:center;color:#e4e5f1}#theme-switch{background-color:transparent;border:none;cursor:pointer}#theme-switch img:last-child{display:none}.light-mode #theme-switch img:first-child{display:none}.light-mode #theme-switch img:last-child{display:block}h1{text-transform:uppercase;letter-spacing:10px}.new-todo-container{display:flex;gap:.5rem;padding:1rem;background-color:var(--labels);border-radius:5px}.submit-button{width:20px;height:20px;border-radius:50%;border:2px solid var(--buttonBorder);background-color:transparent}.submit-button:hover{background-image:linear-gradient(#57ddff,#c058f3);cursor:pointer}input[type=text]{background-color:transparent;border:none;font-family:Josefin Sans,sans-serif;color:var(--activeFonts);font-size:1rem;width:100%}input[type=text]:focus{outline:none;border:none;box-shadow:none}.todo-list{border:none}.todo-list article{display:flex;align-items:center;justify-content:space-between}label{display:flex;align-items:flex-end;justify-content:left;gap:.5rem}label:hover{cursor:pointer}.cross-icon{justify-self:flex-end;margin-left:auto}.cross-icon:hover{cursor:pointer}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--buttonBorder);position:relative;display:flex;align-items:center;z-index:3}input[type=checkbox]:hover{background-image:linear-gradient(#57ddff,#c058f3);cursor:pointer}input[type=checkbox]:checked{position:relative;background-image:linear-gradient(#57ddff,#c058f3)}input[type=checkbox]:checked:after{content:"";position:absolute;z-index:1000;width:15px;height:15px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='9'%3e%3cpath%20fill='none'%20stroke='%23FFF'%20stroke-width='2'%20d='M1%204.304L3.696%207l6-6'/%3e%3c/svg%3e");background-position:80% 70%}section{background-color:var(--labels);list-style:none;border-radius:5px;margin:0;padding:0}article{padding:1rem;border-bottom:solid 1px var(--buttonBorder)}.todo-text{color:var(--activeFonts);margin:0}.last-label{display:flex;justify-content:space-between;color:var(--lastLabelFonts)}.action-button{background-color:transparent;border:none;color:var(--lastLabelFonts);font-family:Josefin Sans,sans-serif}.action-button:hover{color:var(--hoverFont);cursor:pointer}.button-label{margin-top:1.5rem;display:flex;justify-content:center;gap:1.5rem;margin:0}.button-label button{font-weight:700}.drag-n-drop{text-align:center;color:var(--lastLabelFonts)}@media (min-width:576px){main{width:30rem}}