*,:after,:before{box-sizing:border-box}body{background:url(https://i.postimg.cc/brSS2j4F/factory-construction-work-iron.jpg);font-family:Roboto,-apple-system,Helvetica Neue,Segoe UI,Arial,sans-serif;margin:0}.header{background-color:#000;height:848px;left:24%;position:relative;width:56%}.forms-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.section-title{color:#fff;font-size:32px;letter-spacing:1px}.forms{align-items:flex-start;display:flex;margin-top:30px}.form-wrapper{animation:hideLayer .3s ease-out forwards}.form-wrapper.is-active{animation:showLayer .3s ease-in forwards}@keyframes showLayer{50%{z-index:1}to{z-index:1}}@keyframes hideLayer{0%{z-index:1}49.999%{z-index:1}}.switcher{background-color:initial;border:none;color:#999;cursor:pointer;display:block;font-family:inherit;font-size:16px;letter-spacing:.5px;margin-left:auto;margin-right:auto;outline:none;padding:0;position:relative;text-transform:uppercase;transform:translateX(0);transition:all .3s ease-out}.form-wrapper.is-active .switcher-login{color:#fff;transform:translateX(90px)}.form-wrapper.is-active .switcher-signup{color:#fff;transform:translateX(-90px)}.underline{bottom:-5px;height:2px;left:0;overflow:hidden;pointer-events:none;position:absolute;width:100%}.underline:before{background-color:currentColor;content:"";display:block;height:inherit;left:inherit;position:absolute;top:0;transition:transform .2s ease-out;width:inherit}.switcher-login .underline:before{transform:translateX(101%)}.switcher-signup .underline:before{transform:translateX(-101%)}.form-wrapper.is-active .underline:before{transform:translateX(0)}.form{border-radius:5px;margin-top:50px;min-width:260px;overflow:hidden;padding:30px 25px;transform-origin:top}#login-email{border-radius:13px;color:#000;font-size:16px}.form-login{animation:hideLogin .3s ease-out forwards}.form-wrapper.is-active .form-login{animation:showLogin .3s ease-in forwards}#forgot{color:#000;font-size:18px;font-style:italic}#signup_uep{color:#000;font-size:17px}#signup-e,#signup-u{border-radius:3px}@keyframes showLogin{0%{background:linear-gradient(90deg,#c93800,#cd6719,#e38686);transform:translate(40%,10px)}50%{transform:translate(0)}to{background:linear-gradient(90deg,#c93800,#cd6719,#e38686);transform:translate(35%,-20px)}}@keyframes hideLogin{0%{background:linear-gradient(90deg,#c93800,#cd6719,#e38686);transform:translate(35%,-20px)}50%{transform:translate(0)}to{background:linear-gradient(90deg,#c93800,#cd6719,#e38686);transform:translate(40%,10px)}}.form-signup{animation:hideSignup .3s ease-out forwards}.form-wrapper.is-active .form-signup{animation:showSignup .3s ease-in forwards}@keyframes showSignup{0%{background:linear-gradient(90deg,#c93800,#cd6719,#e38686);transform:translate(-40%,10px) scaleY(.8)}50%{transform:translate(0) scaleY(.8)}to{background:linear-gradient(90deg,#c93800,#cd6719,#e38686);transform:translate(-35%,-20px) scaleY(1)}}@keyframes hideSignup{0%{background-color:#fff;transform:translate(-35%,-20px) scaleY(1)}50%{transform:translate(0) scaleY(.8)}to{background:#d7e7f1;transform:translate(-40%,10px) scaleY(.8)}}.form fieldset{border:0;margin:0;opacity:0;padding:0;position:relative;transition:all .3s ease-out}.form-login fieldset{transform:translateX(-50%)}.form-signup fieldset{transform:translateX(50%)}.form-wrapper.is-active fieldset{opacity:1;transform:translateX(0);transition:opacity .4s ease-in,transform .35s ease-in}.form legend{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.input-block{margin-bottom:20px}.input-block label{color:#a1b4b4;font-size:14px}.input-block input{background:#eef9fe;border:1px solid #cddbef;border-radius:2px;color:#3b4465;display:block;font-size:16px;line-height:40px;margin-top:8px;padding-left:15px;padding-right:15px;width:100%}.form [type=submit]{border:none;border-radius:25px;display:block;font-size:18px;line-height:40px;margin:30px auto 10px;min-width:120px;opacity:0;transition:all .3s ease-out}.form-wrapper.is-active .form [type=submit]{opacity:1;transform:translateX(0);transition:all .4s ease-in}#btn-login,#btn-signup{background:#000;border:3px solid #fff;color:#fff;cursor:pointer;left:7%;position:relative;transform:translateX(-30%)}#my_Login,#my_Signup{background:linear-gradient(45deg,#d55d08,#7c4f15);border:3px solid #fff;border-radius:35px;font-family:revert-layer;font-size:19px;font-weight:700;height:49px;width:53%}#my_Signup{color:#fff;left:117%;position:relative}#form_login{border-radius:33px;box-shadow:12px 15px 0 #ffffff3d,0 37px 76px 0 #ffffff30;width:192%}#form_signup{border-radius:33px;box-shadow:0 12px 15px 0 #ffffff3d,0 37px 76px 0 #ffffff30;left:95%;position:relative;top:6px;width:214%}#switch-option{position:relative;top:19px}#btn{background:#000;border:3px solid #fff;border-radius:9px;color:#fff;cursor:pointer;height:26px;left:7%;position:relative;top:6px;transform:translateX(-30%);width:14%}#btn-login:before{background:linear-gradient(45deg,#ff007f,#ffbf00,#00ffbf,#007bff);background-size:400% 400%;border-radius:8px;bottom:-3px;content:"";filter:blur(5px);left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .5s ease;z-index:-1}#btn-login:hover{background-color:#2980b9;box-shadow:0 0 25px #3498dbb3,0 0 50px #3498db80}#btn-login:hover:before{animation:glowing 1.5s infinite alternate;opacity:1}.switch-to-signup:hover{background-color:#c0392b;box-shadow:0 0 20px #e74c3ccc,0 0 40px #e74c3c99;transform:scale(1.1)}.switch-to-login:hover,.switch-to-signup:hover{background:#b80523;border-radius:8px;border-radius:34px;color:#fff;transition:opacity .5s;z-index:-1}#btn-signup:before{background:linear-gradient(45deg,#ff007f,#ffbf00,#00ffbf,#e74c3c);background-size:400% 400%;border-radius:8px;bottom:-3px;content:"";filter:blur(5px);left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .5s ease;z-index:-1}#btn-signup:hover{background-color:#c0392b;box-shadow:0 0 25px #e74c3cb3,0 0 50px #e74c3c80}#btn-signup:hover:before{animation:glowing 1.5s infinite alternate;opacity:1}@keyframes glowing{0%{background-position:0 50%}to{background-position:100% 50%}}.new-user{color:#000;font-size:19px;font-weight:700}.switch-to-login,.switch-to-signup{background:#fff;border:4px solid #000;border-radius:25px;color:#000;cursor:pointer;font-size:16px;height:38px;left:2%;position:relative;width:22%}#login-password{border-radius:13px}
/*# sourceMappingURL=main.8271a8ab.css.map*/