*{box-sizing:border-box;font-family:sans-serif;margin:0;padding:0}:root{--pink:#f06;--lightpink:#ffcce0;--blue:#407bff;--lightblue:#ccf;--black:#333}body{background-color:#f0f3ff;color:#333;color:var(--black)}.text-center{text-align:center}h1{font-size:35px}h2{font-size:26px}h1,h2,p{font-weight:400;margin-bottom:1rem}i{cursor:pointer}.flex{align-items:center;display:flex;justify-content:center}.row{flex-wrap:wrap;margin-bottom:20px;width:100%}.col{flex:1 0}.col-auto{flex:0 0 auto;padding-left:12px;width:auto}input{background-color:#fff;border:1px solid #333;border:1px solid var(--black);border-radius:5px;color:#333;color:var(--black);height:40px;outline:none;padding:10px 15px;width:100%}button{background-color:#407bff;background-color:var(--blue);border:none;border-radius:5px;color:#fff;cursor:pointer;height:40px;padding:6px 12px}button.cancel{background-color:#f06;background-color:var(--pink)}.tasks{background-color:#333;background-color:var(--black);border-radius:6px;margin-bottom:15px;padding:10px 140px 10px 15px;position:relative}.tasks div{align-items:center;display:flex}.taskNumber{border:1px solid #fff;border-radius:50%;color:#fff;font-size:14px;height:26px;margin-right:8px;text-align:center;width:26px}.tasks .taskText{color:#fff;flex:1 1}.tasks .done .taskText{opacity:.5;text-decoration:line-through}.tasks .iconsWrap{display:inline-block;font-size:20px;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:auto}.tasks .iconsWrap span{color:#407bff;color:var(--blue);cursor:pointer;display:inline-block;margin:0 10px}.container{margin:auto;max-width:1140px;padding:30px}@media (max-width:992px){.container{max-width:960px}}@media (max-width:768px){.container{max-width:720px}}@media (max-width:576px){.container{max-width:540px;padding:15px}}.img-box img{height:100%;width:100%}section{background-color:var(--lightblue);height:100vh;position:relative;transition:.5s}section.active{background-color:var(--lightpink)}section .container{background-color:#fff;box-shadow:0 10px 40px rgba(0,0,0,.2);height:500px;overflow:hidden;position:relative;width:900px}section .user{display:flex;height:100%;left:0;position:absolute;top:0;width:100%}section .img-box{height:100%;position:relative;transition:all .5s ease-in-out;width:50%}section .img-box img{left:0;object-fit:cover;position:absolute;top:0}section .form-box{background-color:#fff;height:100%;padding:0 15px;position:relative;transition:.5s ease-in-out;width:50%}span.link{cursor:pointer;font-size:13px}.login span.link{color:var(--blue)}.signup span.link{color:var(--pink)}section .form{max-width:300px;width:100%}section .input-field{margin-bottom:10px;position:relative}section .input-field label{cursor:pointer;font-size:13px;font-weight:600}section .input-field input{border:1px solid #ddd}section .form .form-control .input-field i{cursor:pointer;position:absolute;right:20px;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}section .form .form-control button[type=submit]{border:none;color:#fff;cursor:pointer;display:block;font-size:18px;margin:20px 0 10px;outline:none;width:100%}section .login .form .form-control button[type=submit]{background-color:var(--blue)}section .signup .form .form-control button[type=submit]{background-color:var(--pink)}section .form .form-control:first-child h2{margin-bottom:0}section .form .form-control:first-child p{font-size:15px}section .form .form-control:last-child{text-align:center}section .form .form-control:last-child p{display:inline-block;font-size:13px;margin-bottom:0;position:relative}section .form .form-control p:first-child:after,section .form .form-control p:first-child:before{background-color:var(--black);content:"";height:1px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}section .form .form-control p:first-child:before{left:-50px}section .form .form-control p:first-child:after{right:-50px}section .form .form-control .icons{margin:10px 0 20px}section .form .form-control .icons button{align-items:center;background:none;border:1px solid var(--black);color:var(--black);display:flex;gap:10px;justify-content:center;outline:none;width:100%}section .form .form-control .icons button img{width:25px}section .container .signup{pointer-events:none}section.active .container .signup{pointer-events:auto}section .container .signup .form-box{top:100%}section.active .container .signup .form-box{top:0}section .container .signup .img-box{top:-100%}section .container .login .form-box,section.active .container .signup .img-box{top:0}section .container.active .login .form-box{top:100%}section .container .login .img-box{top:0}section .container.active .login .img-box{top:-100%}.forgot-password{background:rgba(51,51,51,.5);height:100%;left:0;opacity:0;padding:25px;pointer-events:none;position:absolute;top:0;transition:.5s ease-in;visibility:hidden;width:100%}.forgot-password.active{opacity:1;pointer-events:auto;visibility:visible}.reset-container{background:#fff;flex-direction:column;height:300px;padding:25px;position:relative;width:500px}.reset-container .fa-xmark{font-size:20px;position:absolute;right:10px;top:10px}@media (max-width:996px){section .container{max-width:720px}}@media (max-width:768px){section .container{max-width:540px}section .container .img-box{display:none}section .container .form-box{width:100%}section .container.active .login .form-box{top:-100%}}@media (max-width:567px){section{padding:0 30px}}
/*# sourceMappingURL=main.8166fc38.css.map*/