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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.App{background:var(--bg-desktop);background-size:100% 30vh;background-color:var(--bg-clr);background-repeat:no-repeat;padding-bottom:4vh;display:flex;flex-direction:column;align-items:center;padding-top:50px;color:var(--text-primary);font-family:Josefin Sans,sans-serif;font-size:18px;transition:all .6s}h1 h2 h3{font-weight:700}p{font-weight:400}.toggleTheme{border:none;background-color:transparent;transition:all .6s}.toggleTheme:hover{cursor:pointer}:root{--bg-desktop: url(/assets/bg-desktop-light.c99caf89.jpg);--bg-clr: hsl(236, 33%, 92%);--text-primary: black;--form-bg: hsl(0, 0%, 98%);--input-bg: hsl(0, 0%, 98%);--box-shadow: rgba(210,211,219,1)}[data-theme=dark]{--bg-desktop: url(/assets/bg-desktop-dark.cf72eaad.jpg);--bg-clr: hsl(235, 21%, 11%);--text-primary:white;--form-bg: hsl(235, 24%, 19%);--input-bg: hsl(235, 24%, 19%);--box-shadow: rgba(22,23,34,1)}.todo{display:flex;justify-content:space-between;width:100%;letter-spacing:.4rem}.container{width:45vw;display:flex;flex-direction:column;gap:2vh}.cross{text-decoration:line-through;color:green}ul{list-style:none;text-align:start;margin:0;background-color:var(--form-bg);border:none;padding:5px;border-radius:4px;box-shadow:1px 4px 30px 6px var(--box-shadow);-webkit-box-shadow:1px 4px 30px 6px var(--box-shadow);-moz-box-shadow:1px 4px 30px 6px var(--box-shadow)}ul li{padding:8px 0;border-bottom:1px solid grey;display:flex;align-items:center;gap:15px}li:hover{cursor:pointer}.inputForm{display:flex;align-items:center}input{background-color:var(--input-bg);margin:0;outline:none;border:none;color:var(--text-primary);height:29px}input[type=text]{flex-grow:4;padding:5px}input[type=submit]{height:39px}input[type=submit]:hover{cursor:pointer}.bottomList{border:none;display:flex;justify-content:space-around}.bottomList:hover{cursor:initial}a{text-decoration:none;color:var(--text-primary)}a:hover{cursor:pointer;color:#add8e6}