@import url(https://fonts.googleapis.com/css?family=Sora&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Sora,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#ededed}body,button,input{font-family:Open Sans,Helvetica,Arial,sans-serif}button,input{background:none;border:none;outline:none}.tip{font-size:20px;margin:40px auto 50px;text-align:center}.cont{background:#fff;height:600px;margin:50px auto;overflow:hidden;position:relative;width:900px}.form{padding:50px 30px 0;position:relative;width:640px}.form,.sub-cont{height:100%;transition:transform 1.2s ease-in-out}.sub-cont{background:#fff;left:640px;overflow:hidden;padding-left:260px;position:absolute;top:0;width:900px}.cont.s--signup .sub-cont{transform:translate3d(-640px,0,0)}button{border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:15px;height:36px;margin:0 auto;width:200px}.img{height:100%;left:0;overflow:hidden;padding-top:360px;position:absolute;top:0;width:260px;z-index:2}.img:before{background-size:cover;right:0;transition:transform 1.2s ease-in-out;width:900px}.img:after,.img:before{content:"";height:100%;position:absolute;top:0}.img:after{background:#0009;left:0;width:100%}.cont.s--signup .img:before{transform:translate3d(640px,0,0)}.img__text{color:#fff;left:0;padding:0 20px;position:absolute;text-align:center;top:50px;transition:transform 1.2s ease-in-out;width:100%;z-index:2}.img__text h2{font-weight:400;margin-bottom:10px}.img__text p{font-size:14px;line-height:1.5}.cont.s--signup .img__text.m--up{transform:translateX(520px)}.img__text.m--in{transform:translateX(-520px)}.cont.s--signup .img__text.m--in{transform:translateX(0)}.img__btn{background:#0000;color:#fff;cursor:pointer;font-size:15px;height:36px;margin:0 auto;overflow:hidden;position:relative;text-transform:uppercase;width:100px;z-index:2}.img__btn:after{border:2px solid #fff;border-radius:30px;content:"";z-index:2}.img__btn span,.img__btn:after{height:100%;left:0;position:absolute;top:0;width:100%}.img__btn span{align-items:center;display:flex;justify-content:center;transition:transform 1.2s}.img__btn span.m--in{transform:translateY(-72px)}.cont.s--signup .img__btn span.m--in{transform:translateY(0)}.cont.s--signup .img__btn span.m--up{transform:translateY(72px)}h2{font-size:26px}h2,input{text-align:center;width:100%}input{border-bottom:1px solid #0006;display:block;font-size:16px;margin-top:5px;padding-bottom:5px}.forgot-pass{color:#cfcfcf;font-size:12px;margin-top:15px;text-align:center}.submit{background:#26b813;margin-bottom:20px;margin-top:10px;text-transform:uppercase}.fb-btn{border:2px solid #d3dae9;color:#8fa1c7}.fb-btn span{color:#455a81;font-weight:700}.sign-in{transition-timing-function:ease-out}.cont.s--signup .sign-in{transform:translate3d(640px,0,0);transition-duration:1.2s;transition-timing-function:ease-in-out}.sign-up{transform:translate3d(-900px,0,0)}.cont.s--signup .sign-up{transform:translateZ(0)}.error_msg,.success_msg{background-color:#f34646;border-radius:5px;color:#fff;font-size:14px;margin:5px 20%;padding:15px;text-align:center;width:370px}@media screen and (max-width:1024px){.cont{height:550px;margin:0 auto;width:700px}.form{padding:40px 20px 0;width:500px}.sub-cont{left:500px;padding-left:200px;width:700px}.cont.s--signup .sub-cont{transform:translate3d(-500px,0,0)}.img{padding-top:300px;width:200px}.img:before{background-size:cover;height:100%;width:850px}.img__text{padding:0 10px}.img__text.m--in{transform:translateX(-400px)}.cont.s--signup .img__text.m--up{transform:translateX(400px)}.sign-in{transform:translateZ(0)}.cont.s--signup .sign-in{transform:translate3d(500px,0,0)}.sign-up{transform:translate3d(-700px,0,0)}.cont.s--signup .sign-up{transform:translateZ(0)}}@media screen and (max-width:480px){body{font-size:12px}.cont{height:500px;margin:5px;max-width:400px;width:100%}.form{height:auto;padding:20px 0;width:100%}.sub-cont{height:550px;left:300px;max-width:380px;padding-left:140px;width:100%}.cont.s--signup .sub-cont{transform:translate3d(-300px,0,0)}.img{max-width:100px;padding-top:100px;width:100px}.img:before{height:100%;max-width:120px;width:100%}.img__text{padding:0 5px;text-align:center}.img__text h2{font-size:16px}.img__text p{font-size:10px;line-height:1.4}.img__text.m--in{transform:translateX(-300px)}.cont.s--signup .img__text.m--up{transform:translateX(300px)}.sign-in{font-size:10px;margin-left:-40px}.sign-up{font-size:10px;margin-right:-50px}.sign-in{transform:translateZ(0)}.cont.s--signup .sign-in{transform:translate3d(340px,0,0)}.sign-up{transform:translate3d(-340px,0,0)}.cont.s--signup .sign-up{transform:translateZ(0)}.img__btn{font-size:10px;margin-top:100px}input{display:flex;padding:3px;position:relative}button,input{font-size:12px}button{height:32px;max-width:120px;width:100%}h1,h2,h3{font-size:16px}label,p,span{font-size:10px}.error_msg,.success_msg{font-size:10px;margin:12px auto;padding:7px;width:60%}}.navbar{background-color:#000}.navbar.colorChange{background-color:initial}.homeimg{border-image:fill 0 linear-gradient(#0003,#000);display:flex;height:50%;margin-top:0;width:100%}.grid{display:flex;justify-content:space-betwen;margin:auto}.grid .box:hover{transform:scale(1.1)}.grid .box:hover>.box:not(:hover){filter:blur(10px);transform:scale(.9)}.bodyp{font-family:Lato,sans-serif}.pricing-table{background-color:#f8f8f8;padding:20px}.pricing-table .details{margin:0 auto;max-width:500px;padding:10px 20px;text-align:center;width:90%}.pricing-table .details h2{font-size:30px;margin-bottom:10px}.pricing-table .details p{font-size:15px}.pricing-table .grid{display:flex;flex-wrap:wrap;gap:20px 0;justify-content:center;padding:20px}.pricing-table .grid .box{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 10px 5px #0000000d;padding:20px;text-align:center;width:250px}.pricing-table .grid .box .title{color:#660061;font-size:16px;font-weight:800;margin-bottom:20px}.pricing-table .grid .box .price{color:#70004b;margin-bottom:20px}.pricing-table .grid .box .price b{display:block;font-size:35px;margin-bottom:-5px}.pricing-table .grid .box .feature>*{border-bottom:1px solid #0003;color:#555;padding:8px 0}.pricing-table .grid .box .button button{background:linear-gradient(180deg,#b909ff,#570072);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin:25px 0 0;outline:none;padding:10px;width:100%}
/*# sourceMappingURL=main.097f7f80.css.map*/