@import "https://fonts.googleapis.com/css?family=Montserrat:400,800";*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Montserrat", sans-serif;background:#f6f5f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;margin:-20px 0 50px;margin-top:20px}h1{font-weight:bold;margin:0}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:0.5px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.container{background:#fff;border-radius:10px;-webkit-box-shadow:0 14px 28px rgba(0,0,0,0.2),0 10px 10px rgba(0,0,0,0.2);box-shadow:0 14px 28px rgba(0,0,0,0.2),0 10px 10px rgba(0,0,0,0.2);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container{position:absolute;top:0;height:100%;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out}.form-container form{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 50px;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.form-container input{background:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%}.social-container{margin:20px 0}.social-container a{border:1px solid #ddd;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 5px;height:40px;width:40px}button{border-radius:20px;border:1px solid #ff4b2b;background:#ff445c;color:#fff;font-size:12px;font-weight:bold;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;-webkit-transition:-webkit-transform 80ms ease-in;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in, -webkit-transform 80ms ease-in}button:active{-webkit-transform:scale(0.95);transform:scale(0.95)}button:focus{outline:none}button.ghost{background:transparent;border-color:#fff}.sign-in-container{left:0;width:50%;z-index:2}.sign-up-container{left:0;width:50%;z-index:1;opacity:0}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;-webkit-transition:-webkit-transform 0.6s ease-in-out;transition:-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;z-index:100}.overlay{background:#ff416c;background:-webkit-gradient(linear, left top, right top, from(#ff4b2b), to(#ff416c)) no-repeat 0 0/cover;background:linear-gradient(to right, #ff4b2b, #ff416c) no-repeat 0 0/cover;color:#fff;position:relative;left:-100%;height:100%;width:200%;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.6s ease-in-out;transition:-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out}.overlay-panel{position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 40px;height:100%;width:50%;text-align:center;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.6s ease-in-out;transition:-webkit-transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out;transition:transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out}.overlay-right{right:0;-webkit-transform:translateY(0);transform:translateY(0)}.overlay-left{-webkit-transform:translateY(-20%);transform:translateY(-20%)}.container.right-panel-active .sign-in-container{-webkit-transform:translateY(100%);transform:translateY(100%)}.container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.container.right-panel-active .sign-up-container{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:5}.container.right-panel-active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.container.right-panel-active .overlay-left{-webkit-transform:translateY(0);transform:translateY(0)}.container.right-panel-active .overlay-right{-webkit-transform:translateY(20%);transform:translateY(20%)}
/*# sourceMappingURL=log-in.css.map */
