@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#f6f2f2}.login-box{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:480px;padding:30px}.login-header{text-align:center;margin:20px 0 40px}.login-header header{color:#333;font-size:30px;font-weight:600}.input-box .input-field{width:100%;height:60px;font-size:15px;padding:0 25px;margin-bottom:15px;border-radius:25px;border:none;box-shadow:0 8px 5px 2px #dd1d1d0d;outline:none;transition:.3s}::placeholder{font-weight:500;color:#222}.input-field:focus{width:145%}section{display:flex;align-items:center;font-size:14px;color:#555}#check{margin-right:10px}a{text-decoration:none}a:hover{text-decoration:underline}section a{color:#555}.input-submit{position:relative}.submit-btn{width:100%;height:60px;background:#222;border:none;border-radius:30px;cursor:pointer;transition:.3s}.input-submit label{position:absolute;top:45%;left:50%;color:#f6f2f2;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.submit-btn:hover{background:#000;transform:scaleX(1.05)}.sign-up-link{text-align:center;font-size:15px;margin-top:20px;padding-left:35px}.sign-up-link a{color:#000;font-weight:600}a{position:relative;text-decoration:none!important;font-family:Poppins,sans-serif;color:#000;font-size:18px;letter-spacing:.5px;padding:0 30px}a:after{content:"";position:absolute;background-color:#504848;height:2px;width:0;left:0;bottom:-5px;transition:.3s}a:hover{color:#474a48}a:hover:after{width:100%}.home_container{width:100%;height:100vh;display:flex;align-items:center;flex-direction:column;padding-top:50px}.input_box_home .input_field_home{width:695px;height:60px;font-size:15px;padding:0 25px;margin-bottom:15px;border-radius:25px;border:none;box-shadow:0 8px 5px 2px #dd1d1d0d;outline:none;transition:.3s}.btn{border:none;color:#000;background-color:#dd1d1d0d;width:100px;padding:18px 123px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.btn_home{border:none;color:#000;background-color:#dd1d1d0d;width:50px;margin-left:168px;padding:18px 174px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.todosContainer{width:668px;font-size:15px;border-radius:25px;outline:none;display:flex;flex-direction:column;padding:15px}.todo{display:flex;flex-direction:row;align-items:center;border-radius:50px;justify-content:space-between;background-color:#fff;padding:10px 5px 10px 32px;margin:10px;box-shadow:0 8px 5px 2px #dd1d1d0d}.todo_task{width:461px}input[type=checkbox]{margin:4px 0 0;width:20px;height:20px}.todo_two{display:flex;flex-direction:row;align-items:center;padding-right:20px;justify-content:space-between}.btn_delete{border:none;color:#000;background-color:#dd1d1d0d;width:35px;padding:18px 65px;border-radius:50px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-left:20px}.profile{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center}.header{padding:0 4.8rem;height:5rem;display:flex;justify-content:space-between;align-items:center}.todoapplogo{height:3rem;display:flex;align-items:center}.header>div{text-transform:capitalize;color:#302d2d;font-weight:100}.navigation{text-decoration:none;display:flex}.nav{font-size:18px}.logout{display:flex;justify-content:center;align-items:center}@media (max-width: 620px){.header{padding:0 3rem;height:4rem;display:flex;justify-content:space-between;align-items:center}.navigation{text-decoration:none;display:flex;font-size:15px}.nav{font-size:16px;padding:10px}.todoapplogo{height:3rem;font-size:15px;display:flex;align-items:center}}@media (max-width: 485px){.input-field:focus{width:123%}.header{padding:0 1rem;height:4rem;display:flex;justify-content:space-between;align-items:center}.navigation{text-decoration:none;display:flex;font-size:15px}.nav{font-size:16px;padding:10px}.todoapplogo{height:3rem;font-size:15px;display:flex;align-items:center}}@media (max-width: 370px){.input-field:focus{width:105%}.header{padding:0 .5rem;height:4rem;display:flex;justify-content:space-between;align-items:center}.navigation{text-decoration:none;display:flex;font-size:2px}.nav{font-size:16px;padding:5px}.todoapplogo{height:3rem;font-size:12px;display:flex;align-items:center}}@media (max-width: 726px){.input-field:focus{width:123%}.header{padding:0 2rem;height:4rem;display:flex;justify-content:space-between;align-items:center}.navigation{text-decoration:none;display:flex;font-size:15px}.nav{font-size:16px;padding:10px}.todoapplogo{height:3rem;font-size:15px;display:flex;align-items:center}.home_container{width:100%;height:100vh;display:flex;align-items:center;flex-direction:column;padding-top:50px}.input_box_home .input_field_home{width:540px;height:60px;font-size:15px;padding:0 25px;margin-bottom:15px;border-radius:25px;border:none;box-shadow:0 8px 5px 2px #dd1d1d0d;outline:none;transition:.3s}.btn{border:none;color:#000;background-color:#dd1d1d0d;width:100px;padding:18px 123px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.btn_home{border:none;color:#000;background-color:#dd1d1d0d;width:50px;margin-left:168px;padding:18px 108px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.todosContainer{width:668px;font-size:15px;border-radius:25px;outline:none;display:flex;flex-direction:column;padding:10px}.todo{display:flex;flex-direction:row;align-items:center;border-radius:50px;justify-content:space-between;background-color:#fff;padding:10px 0 10px 32px;margin:10px;box-shadow:0 8px 5px 2px #dd1d1d0d}.todo_task{width:315px}input[type=checkbox]{margin:2px 0 0;width:18px;height:18px}.todo_two{display:flex;flex-direction:row;align-items:center;padding-right:20px;justify-content:space-between}.btn_delete{border:none;color:#000;background-color:#dd1d1d0d;padding:15px 60px;border-radius:50px;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;margin-left:10px}}@media (max-width: 564px){.input-field:focus{width:123%}.input_box_home .input_field_home{width:400px;height:60px;font-size:15px;padding:0 25px;margin-bottom:15px;border-radius:25px;border:none;box-shadow:0 8px 5px 2px #dd1d1d0d;outline:none;transition:.3s}.btn{border:none;color:#000;background-color:#dd1d1d0d;width:100px;padding:18px 123px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.btn_home{border:none;color:#000;background-color:#dd1d1d0d;width:50px;margin-left:100px;padding:18px 100px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.todosContainer{width:200px;font-size:12px;border-radius:25px;outline:none;display:flex;flex-direction:column;padding:5px}.todo{display:flex;flex-direction:row;align-items:center;border-radius:50px;justify-content:space-between;background-color:#fff;padding:5px 1px 5px 15px;margin:5px;box-shadow:0 8px 5px 2px #dd1d1d0d}.todo_task{width:250px}input[type=checkbox]{margin:2px 0 0;width:15px;height:15px}.todo_two{display:flex;flex-direction:row;align-items:center;padding-right:20px;justify-content:space-between}.btn_delete{border:none;color:#000;background-color:#dd1d1d0d;padding:15px 50px;border-radius:50px;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-left:8px}}@media (max-width: 420px){.header{padding:0 .5rem;height:4rem;display:flex;justify-content:space-between;align-items:center}.navigation{text-decoration:none;display:flex;font-size:2px}.nav{font-size:16px;padding:5px}.todoapplogo{height:3rem;font-size:12px;display:flex;align-items:center}.input-field:focus{width:123%}.input_box_home .input_field_home{width:280px;height:50px;font-size:13px;padding:0 25px;margin-bottom:15px;border-radius:25px;border:none;box-shadow:0 8px 5px 2px #dd1d1d0d;outline:none;transition:.3s}.btn{border:none;color:#000;background-color:#dd1d1d0d;padding:18px 123px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.btn_home{border:none;color:#000;background-color:#dd1d1d0d;width:50px;margin-left:38px;padding:15px 100px;border-radius:25px;font-weight:1000;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center}.todosContainer{width:200px;font-size:12px;border-radius:25px;outline:none;display:flex;flex-direction:column;padding:5px}.todo{display:flex;flex-direction:row;align-items:center;border-radius:50px;justify-content:space-between;background-color:#fff;padding:5px 1px 5px 15px;margin:10px;box-shadow:0 8px 5px 2px #dd1d1d0d}.todo_task{width:160px}input[type=checkbox]{margin:2px 0 0;width:15px;height:15px}.todo_two{display:flex;flex-direction:row;align-items:center;padding-right:12px;justify-content:space-between}.btn_delete{border:none;color:#000;background-color:#dd1d1d0d;padding:12px 35px;border-radius:50px;font-weight:500;cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;margin-left:8px}}