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}.input{width:95%;display:flex;position:relative;align-items:center}.input_box{width:100%;border-radius:5px;padding:15px;margin:10px black;font-size:15px;border:none;transition:.2s;box-shadow:inset 0 0 5px #000}.input_box:focus{box-shadow:0 0 100px 1000px #00000080;border:none}.input_button{color:#fff;height:45px;width:50px;border-radius:5px;border:none;background-color:#52528b;font-size:15px;position:absolute;right:-14px;margin:13px;transition:.2s;box-shadow:0 0 10px #000;cursor:pointer}.input_button:hover{background-color:#299929}.input_button:active{transform:scale(.5);box-shadow:0 0 7px #000}.container{width:95%;height:95%;margin-top:10px;align-items:flex-start;padding:6px;display:flex;justify-content:space-between;overflow:hidden}.todos_remove{display:flex;flex-direction:column;padding:16px;width:48%;height:90%;border-radius:5px;background-color:#409ea5;margin-bottom:10px;overflow:auto}.todos{display:flex;flex-direction:column;padding:16px;width:48%;height:90%;border-radius:5px;background-color:#479047;overflow:auto}.dragactive{background-color:#07e8f8}.dragcomplete{background-color:green}.singledrag{box-shadow:0 0 25px #000}.todos_heading{font-size:20px;color:#fff}.todos_single{display:flex;background-color:#ff0;margin-top:10px;padding:5px;border-radius:5px;transition:.2s}.todos_single:hover{box-shadow:0 0 5px #000;transform:scale(1.01)}.todos_single--text{flex:1;padding:4px;border:none;font-size:12px}.todos_single--text:focus{outline:none}.icon{cursor:pointer;margin-left:10px;font-size:15px}.icon_edit:hover{color:#00f}.icon_edit:active{transform:scale(.8)}.icon_delete:hover{color:red}.icon_delete:active{transform:scale(.8)}.icon_done:hover{color:#02b302}.icon_done:active{transform:scale(.8)}.completed_task{background-color:green!important;color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:black}.auth-container{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:400px;text-align:center}.auth-container h2{margin-bottom:1rem;font-size:1.8rem;color:#333}.auth-form input{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:1rem}.message{margin-top:10px;font-size:1rem;padding:10px;border-radius:5px}.message.success{color:#28a745;background-color:#d4edda}.message.error{color:#dc3545;background-color:#f8d7da}.auth-form button{width:100%;padding:10px;background:#007bff;border:none;color:#fff;font-size:1rem;border-radius:5px;cursor:pointer;margin-top:10px;transition:background .3s ease}.auth-form button:hover{background:#0056b3}.message{margin-top:10px;font-size:1rem;color:#28a745}.nav-form{display:flex;align-items:center;gap:3px;margin-top:5%}@media (max-width: 500px){.auth-container{padding:1.5rem;width:90%}}@media (max-width: 700px){.input{width:95%}.todos,.todos_remove{width:95%;margin-bottom:10px}.container{width:95%;flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}.app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#000}.loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-size:100%;background-color:#000;color:#fff}.heading{color:#fff;margin:10px 10px 0;font-size:25px;border:none;z-index:1;letter-spacing:2px;display:flex;width:100%;justify-content:space-between;padding:10px 5% 10px 20%;align-items:center}.head_side{display:flex;align-items:center;gap:15px;font-size:20px;letter-spacing:0px}.switch{position:relative;display:inline-block;width:50px;height:25px}.switch_label{width:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.logout{cursor:pointer;color:#fff}.logout:hover{color:red}.container-app{color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10%}