@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:.1s}.App{font-family:Poppins,sans-serif;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center}button{color:#000;border:none;border-radius:3px}.header{min-width:600px;display:flex;justify-content:space-between;align-items:center;padding-inline:20px;margin-block:10px}.header h2{font-size:1.8rem}.moon-icon,.sun-icon{font-size:1.3rem;cursor:pointer;transition:.1s}.input-container{display:flex;align-items:center;min-width:600px;justify-content:center}.input-container input{padding:8px 5px;width:80%;border:1px solid;border-radius:3px;font-size:1rem}.input-container button{background-color:#2563eb;color:#fff;padding:9px 15px;margin-left:5px}.input-container button:hover{background-color:#1aa91a;cursor:pointer}.input-container input:focus{outline-color:#2563eb}.btn{margin-block:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.footer-btn{color:#000;margin:5px;padding:4px 9px}.todos{overflow-y:scroll;height:400px;padding:5px}.todos::-webkit-scrollbar{display:none}.todos::-webkit-scrollbar:hover{display:auto}.todo{width:300px;height:40px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-inline:15px;box-shadow:#52525266 0 2px 8px;margin-block:5px}.complete{text-decoration:line-through}.crose-btn{font-size:1rem;cursor:pointer}.App.dark-theme{background-color:#000;color:#fff}input[type=text].dark-theme{background-color:#0c0c0c;color:#fff;border:1px solid black}input[type=text].dark-theme:focus{outline:1px solid #2563eb}.footer-btn.active{background-color:#2563eb;color:#fff}@media screen and (max-width:550px){.App{font-size:.8rem;padding:5px}.header,.input-container{min-width:300px}.footer-btn{padding:3px 5px}}