:root,*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}body{background:#0af;color:#fff;font-weight:700;font-family:sans-serif}.login-or-register{height:100vh;position:absolute;z-index:10;background:#0af}.choose-login-or-register{height:100vh;width:100vw;background:#0af;z-index:30;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:100px;padding-top:100px}.choose-login-or-register button{margin:10px;padding:20px 30px;background:#07f;border:none;border-radius:20px;color:#fff;font-weight:700}.register-form,.login-form{z-index:30;height:100vh;width:100vw;position:absolute;top:0;background:#0af;display:none;justify-content:center;align-items:center;flex-direction:column}.register-form input,.login-form input,.todo-form input{padding:10px 20px;border:none;border-radius:20px;margin:20px}.register-form button,.login-form button,.todo-form button{padding:20px 40px;background:#07f;color:#fff;font-weight:700;border:none;border-radius:20px}.main-nav{display:flex;justify-content:space-between;background:#07f}.main-nav div{padding:10px 20px;background:#05f}.todo-form{display:flex;flex-direction:column;align-items:center}.todo-form h2{padding:10px}.todo-form input{padding:2px 10px;margin:10px}.todo-form button{padding:5px 20px;margin-bottom:10px}.to-do-container{display:flex;flex-direction:column;align-items:center}.to-do-container input{border:none;margin:2px;border-radius:10px}.to-do{background:#08f;margin:5px 0;display:flex;justify-content:space-between;align-items:center;padding:10px;width:100%;max-width:1000px}.to-do div:first-child>*{padding:2px}.to-do div:last-child{display:flex;flex-direction:column;gap:5px}.hidden-to-do-id,.send-button{display:none}.to-do button{background:#05f;color:#fff;font-weight:700;padding:5px 15px;border:none;border-radius:10px}