*{padding:0;margin:0;text-decoration:none;box-sizing:border-box;list-style-type:none}.todo_btn button{font-size:16px;font-weight:600;color:#000;background-color:#eb5429;width:200px;height:52px;position:relative;overflow:hidden;border:none;cursor:pointer;transition:background-color .3s;border-radius:4px}.todo_btn button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:coral;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .5s,opacity .5s;mix-blend-mode:screen}.todo_btn button:hover:before{transform:translate(-50%,-50%) scale(3);opacity:1}.todo_btn button:hover{background-color:#ff4d00}.modal{color:#000;position:fixed;z-index:1000;top:-70px;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{text-align:center;background-color:#fff;margin:10% auto;padding:20px;border:1px solid #ccc;border-radius:4px;max-width:400px;animation-name:modal-appear;animation-duration:.3s;border:2px solid #eb5429}.modal p{width:300px;padding-top:6px}@keyframes modal-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none}form{display:flex;flex-direction:column;align-items:center;gap:24px}form input{padding:10px;margin-top:12px}form label{width:400px;display:flex;flex-direction:column;position:relative}form label input{padding:10px;border:1px solid #ccc;border-radius:4px}form label span{position:absolute;top:50%;left:8px;transform:translateY(-50%);color:#666;font-size:12px;pointer-events:none;transition:transform .3s ease,font-size .3s ease}@media (max-width: 600px){form label{width:300px}}*{padding:0;margin:0;text-decoration:none;box-sizing:border-box;list-style-type:none;font-family:Arial,Helvetica,sans-serif}body{background-color:#16131b;height:100vh;width:100%}.wallet_header{background-color:#333;padding:16px;position:fixed;top:0;left:0;width:100%;z-index:999;text-align:center}.wallet_header p{color:#eb5429;font-weight:800;font-size:30px}.wallet_header span{color:#dad5d4;font-weight:200;font-size:24px}.connect_wallet_section{color:#fff;background-color:#16131b;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:24px}.connect_wallet_section p{font-size:28px;padding-bottom:18px}header{background-color:#333;padding:25px;position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;z-index:999}header .logo{color:#eb5429;font-weight:800;font-size:20px}nav{display:flex;justify-content:center;position:relative;z-index:1}nav ul{list-style-type:none;margin:0;padding:0}nav li{display:inline-block;margin-right:10px}.nav_link{text-decoration:none;color:#fff;padding:8px 12px;transition:color .3s ease}.nav_link:hover{color:#eb5429}.nav_link:hover:before{transform:scaleX(1)}@media (max-width: 768px){header{display:flex;flex-direction:column;justify-content:space-between;z-index:999}nav ul{flex-direction:column;align-items:center;font-size:14px}nav li{margin-right:0;margin-bottom:5px}}@media (max-width: 480px){header{display:flex;flex-direction:column;justify-content:space-between;z-index:999}header{padding:12px}header .logo{text-align:center;margin-bottom:4px}nav li{display:block;margin:0;text-align:center;padding-bottom:4px}}.view_all_tasks{color:#fff;height:100%;width:100%;background-color:#16131b;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding-top:160px;gap:24px;padding-bottom:100px}.view_all_tasks_card{background-color:#eb5429;padding:18px 30px;display:flex;justify-content:space-between;align-items:center;width:600px;border-radius:4px;transition:.5s}.view_all_tasks_card:hover{background-color:#fff;color:#000}@media (max-width: 480px){.view_all_tasks_card{width:300px;font-size:12px}}.create_task{display:grid;background-color:#16131b;color:#fff;height:100vh;width:100%}.create_task form{margin-top:200px;display:flex;justify-content:flex-start;align-items:center}.create_task input{margin-top:12px}.view_task{background-color:#16131b;color:#fff;width:100%;height:100vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.view_task_id{color:#fff;background-color:red}.view_task .view_task_by_id,.empty_div{margin-top:200px}.view_task form{margin-top:40px}@media (max-width: 600px){.view_task_by_id{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:6px;font-size:18px!important}}.update_task{background-color:#16131b;color:#fff;width:100%;height:100vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.update_task form{margin-top:200px}.update_task input{margin-top:12px}.delete_task{background-color:#16131b;color:#fff;width:100%;height:100vh;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.delete_task form{margin-top:200px}.delete_task input{margin-top:12px}