@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&family=Poppins:wght@400;500;600&display=swap";.loginBody{height:100vh;background-color:#2691d9}.containerLogin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:white;border-radius:10px;box-shadow:10px 10px 15px #0000000d;font-family:Poppins,sans-serif}.forgetPassword{margin:-5px 0 20px 5px;color:#2691d9;cursor:pointer}.forgetPassword:hover{text-decoration:underline}.buttonLogin{width:100%;height:50px;border:1px solid;background:#2691d9;border-radius:25px;font-size:18px;color:#e9f4fb;font-weight:700;cursor:pointer;outline:none}.buttonLogin:hover{border-color:#2691d9;transition:.5s}.signup_link{margin:30px 0;text-align:center;font-size:16px;color:#666}.registerBody{height:100vh;background-color:#2691d9}.containerRegister{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background:white;border-radius:10px;box-shadow:10px 10px 15px #0000000d;font-family:Poppins,sans-serif}.form{padding:0 40px;box-sizing:border-box}.txt_field{position:relative;border-bottom:2px solid #adadad;margin:30px 0}input{width:100%;padding:0 5px;height:40px;font-size:12px;border:none;background:none;outline:none;text-align:left}label{top:20%;left:5px;color:#2691d9;font-size:16px;pointer-events:none}.heading{font-size:28px;margin-bottom:20px;color:#333;text-align:center}.buttonRegister{width:100%;height:50px;border:1px solid;background:#2691d9;border-radius:25px;font-size:18px;color:#e9f4fb;font-weight:700;cursor:pointer;outline:none}.buttonRegister:hover{background:#2691d9;transition:.5s}.login_link{margin:30px 0;text-align:center;font-size:16px;color:#666}.container-todo{max-width:800px;margin:0 auto;padding:20px}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:10px 20px}.navbar-brand{font-size:24px;margin:0}.navbar-nav{display:flex;align-items:center}.nav-link{background-color:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;margin:0 20px;text-decoration:none}.nav-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:10px;transition:background-color .3s ease}.nav-btn:hover{background-color:#0062cc}.card-todo--create{background-color:#dd9393;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin:20px 0;padding:20px}.card-todo--list{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.todo-list{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px}.todo-list--content{font-size:18px;font-family:Arial,sans-serif;color:#333;line-height:1.5;margin:0;padding:10px;border-radius:5px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.todo-list--date{font-size:14px;color:#999}.todo-create--input{border:1px solid #ccc;border-radius:5px;font-size:16px;color:#000;transition:border-color .3s ease;width:82%;background-color:#fff}.todo-create--input:hover,.todo-create--input:focus{border-color:#007bff;outline:none}.todo-create--input::placeholder{color:#999}.buttons-container{display:flex;justify-content:flex-end;margin-top:10px}.create-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;margin-left:10px}.update-button{background-color:#ffc107;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-right:10px;padding:10px 20px}.update-button--link{text-decoration:none}.delete-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px}footer{background-color:#333;color:#fff;padding:20px;text-align:center}.updateTodoBody{height:100vh;background-color:#2691d9}.containerUpdate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:white;width:400px;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;text-align:center}.headingUpdate{font-size:24px;margin-bottom:20px}.textarea{width:90%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.buttonUpdate{padding:10px 20px;background-color:#2691d9;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.not-found-container{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#af0606}.not-found--content{text-align:center;background-color:#fff;padding:100px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.not-found--heading{font-size:90px;margin-bottom:10px;color:#e74c3c}.not-found--content-p{font-size:25px;margin-bottom:20px;font-weight:700}.not-found--a{text-decoration:none;color:#fff;font-weight:700;transition:color .3s ease}.not-found--a:hover{color:#2980b9}.not-found--btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.not-found--btn:hover{background-color:#0069d9}body{margin:0;padding:0}