*{box-sizing:border-box}body{background:var(--clr-surface-a0);display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh}h1{font-weight:700;margin:0}h2{text-align:center}h1,h2,h3,h4,h5,h6{color:var(--clr-light-a0)}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span{font-size:12px}a{color:#fff;font-size:14px;text-decoration:none;margin:15px 0}button{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in}button.btn-login{background-color:var(--primary);color:#fff;border:none;letter-spacing:3px}button:active{transform:scale(.95)}button:focus{outline:0}button.ghost{background-color:#6418c3;border-color:#fff}form{background-color:var(--secondary);align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;overflow-y:scroll}input.form-control{background-color:#fff!important;color:var(--clr-surface-a50)!important;border:none;border-radius:20px;padding:12px 15px;margin:8px 0;width:100%}input.form-control:active,input.form-control:focus{outline:0;background-color:var(--clr-surface-a20)!important;border:1px solid #252f39!important;box-shadow:-2 0 0 .15rem rgba(var(--theme-primary-fixed),.25)!important}input.form-control:hover{outline:0;background-color:var(--clr-surface-a20)!important}.container-login{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:100%;height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center}@media (min-width:768px){.container-login{width:900px;max-width:100%;min-height:480px;height:auto;flex-direction:row}}.form-container{width:100%;height:100%;transition:all .6s ease-in-out}@media (min-width:768px){.form-container{width:80%}}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}100%,50%{opacity:1;z-index:5}}.overlay-container{width:100%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}@media (min-width:768px){.overlay-container{width:50%}}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:var(--primary);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.overlay-left{transform:translateX(-20%)}.container.right-panel-active .overlay-left{transform:translateX(0)}.overlay-right{right:0;transform:translateX(0)}.container.right-panel-active .overlay-right{transform:translateX(20%)}