*{padding:0;margin:0;box-sizing:border-box}button,input{outline:none;border:none;background:#fff}form{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:90%;background-color:#fff;border-radius:10px;padding:0 40px;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}form,form .form-title{display:-webkit-flex;display:flex}form .form-title{font-size:1.5rem;font-weight:700;margin-top:60px}form .input-group{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:20px}form .input-group label{display:-webkit-flex;display:flex;margin:0 0 3px 5px;font-size:.8rem;font-weight:500;opacity:.6}form .input-group input[type=password],form .input-group input[type=text]{padding:10px 15px;border-radius:5px;border:1px solid #cccaca}form .input-group input[type=password]:focus,form .input-group input[type=text]:focus{border-width:2px;border-color:#add8e6}form .visibility-toggle{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}form .visibility-toggle .toggle-btn{font-size:24px;opacity:.6;position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}form .error-msg{font-size:.9rem;padding:9px;border-left:3px solid red;background-color:#f4f4f4}form button{height:40px;width:80%;border-radius:20px;color:#fff;font-size:1.2rem;font-weight:700;background:linear-gradient(45deg,#fe348f,#52cbec);-webkit-align-self:center;align-self:center;margin-bottom:30px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}form button:hover{border:1px solid #add8e6}form button:active{-webkit-transform:translateY(3px);transform:translateY(3px)}.on-front{top:0;box-shadow:0 5px 20px #000;z-index:100}.on-back{-webkit-transform:translate(-50%,60px) scaleX(.8);transform:translate(-50%,60px) scaleX(.8);z-index:90}.on-back .form-title{-webkit-align-self:center;align-self:center;-webkit-order:100;order:100;opacity:.4;margin-bottom:10px;font-size:1.2rem}.on-back .group-container{opacity:0}body{font-family:Raleway,sans-serif}#root{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100vw;height:100vh;background-image:url(https://images.unsplash.com/photo-1533158326339-7f3cf2404354?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=704);background-size:cover}.stackView{width:375px;height:500px;position:relative}.hidden{display:none}
/*# sourceMappingURL=main.ff268202.chunk.css.map */