@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);@import url(https://fonts.googleapis.com/css?family=Varela+Round&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-image:linear-gradient(to right top,#845ec2,#d65db1,#ff6f91,#ff9671,#ffc75f,#f9f871);display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center}body:after{background-image:url(/static/media/pattern.f37b4dff490bfeebf54e.svg);background-repeat:repeat;background-size:300px;bottom:0;content:"";height:100%;left:0;opacity:.07;position:fixed;right:0;top:0;width:100%;z-index:-1}h1{font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;margin:15px 0;text-decoration:none}button{background-color:#e91e63;border:1px solid #ff1744;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}button:active{transform:scale(.95)}button:hover{box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;transition:.2s ease-in-out}button:focus{outline:none}button.ghost{background-color:initial;border-color:#fff}button.signIn,button.signUp{margin-top:15px}form{align-items:center;background-color:#f6f7fc;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}input{background-color:#fff;border:none;border-radius:10px;color:#333;margin:8px 0;padding:12px 15px;width:100%}input:focus{outline:none}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px;z-index:2}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#ff416c;background:linear-gradient(to left bottom,#4a148c,#9c27b0,#e91e63,#ff1744);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.overlay-left{transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{align-items:center;border:1px solid #ddd;border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin:0 5px;width:40px}.error{background:#ff1744;border:1px solid;border-radius:10px;color:#eee;font-size:12px;margin:7 0 0;padding:8px;width:100%}.warning{padding-right:7px}.lds-roller{display:inline-block;height:64px;margin-bottom:-20px;margin-left:10px;position:relative;width:64px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{background:#fff;border-radius:50%;content:" ";display:block;height:6px;margin:-3px 0 0 -3px;position:absolute;width:6px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:50px;top:50px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:45px;top:54px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:39px;top:57px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:32px;top:58px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:25px;top:57px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:19px;top:54px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:14px;top:50px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:10px;top:45px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.CircularProgressbar-text{font-weight:700}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
/*# sourceMappingURL=main.c424c306.css.map*/