*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#eff2ff;background-image:url(/static/media/background_img.1ea13e52261c83da72b4.jpg);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.container{grid-gap:2rem;background-color:#fff;border-radius:5px;display:grid;flex-wrap:wrap;gap:2rem;grid-template-columns:repeat(2,1fr);height:90vh;overflow:scroll;padding:2rem;position:absolute;width:90vw}.container1{border:.2rem solid #000;border-radius:5px;overflow:hidden}.left,.right{border:1px solid #000;display:block;justify-content:center;padding:1rem;transition:opacity 2s ease-in-out;width:100%}.left,.panel,.right{border-radius:5px;flex-wrap:wrap}.panel{grid-gap:2rem;background-color:#fff;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);height:90vh;overflow:scroll;padding:2rem;position:relative;top:0;transition:1.1s ease-in-out;width:90vw}.container::-webkit-scrollbar,.panel::-webkit-scrollbar{display:none}.left_panel,.right_panel{align-items:center;background-color:#61a5ff;border:1px solid #000;border-radius:5px;display:block;flex-wrap:wrap;height:100%;justify-content:center;opacity:1;padding:1rem;pointer-events:all;text-align:center;transition:opacity 2s ease-in-out;transition:1.1s ease-in-out;width:100%}.left_panel .content h3,.right_panel .content h3{font-size:2.5rem;margin-bottom:1.5rem;margin-top:5rem;transition:1.1s ease-in-out}.left_panel .content p,.right_panel .content p{font-size:1.5rem;margin-bottom:1.5rem;transition:1.1s ease-in-out}.left_panel img,.right_panel img{height:20rem;transition:1.1s ease-in-out;width:30rem}.right_panel img{margin-top:4rem;transition:1.1s ease-in-out}.left_panel .content button,.right_panel .content button{background-color:#01138f;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:400;height:3rem;margin-bottom:3rem;width:10rem}.right_panel .content button{margin-bottom:0}.left_first,.right_first{align-items:center;display:flex;height:2rem;justify-content:flex-start;position:relative;width:100%}.left_first .left_first_img,.right_first .right_first_img{height:2rem;margin:.5rem;width:2rem}.left_first span,.right_first span{color:navy;font-size:1.2rem}.left_second,.right_second{margin-top:.5rem;text-align:center;width:100%}.left_second h2,.right_second h2{color:#01138f;font-size:3rem;font-weight:400;margin-bottom:1rem;width:100%}.left_second .login_p,.right_second .register_p{font-size:1.2rem;font-weight:500;margin-bottom:1rem;width:100%}.social_net{gap:1rem;height:4rem;margin-bottom:1rem;width:100%}.social_net,.social_net .Link{align-items:center;display:flex;justify-content:center}.social_net .Link{border:1px solid #000;border-radius:50%;height:3.5rem;text-decoration:none;width:3.5rem}.social_net img{border-radius:50%;height:3.5rem;scale:.9;width:3.5rem}.left_second .Or,.right_second .Or{align-items:center;display:flex;font-size:1.5rem;font-weight:400;justify-content:center;margin-bottom:1rem;width:100%}.left_second .Or:after,.left_second .Or:before,.right_second .Or:after,.right_second .Or:before{background-color:#5a5a5a;content:"";display:inline-block;height:.1rem;margin:1rem;width:50%}form{height:auto;margin:0 auto;width:80%}.input_field{align-items:center;background-color:azure;border:1px solid #000;border-radius:2rem;display:flex;height:3rem;justify-content:flex-start;margin-bottom:1.5rem;width:100%}.input_field input{background:transparent;border:none;font-size:1rem;height:100%;margin-left:1rem;outline:none;padding:1px;width:65%}.input_field img{cursor:pointer;height:2rem;margin:1rem;position:relative}.more_opt{color:#242323;font-size:1.2rem;font-weight:400;gap:1.5rem;height:auto;justify-content:space-around;margin-bottom:1.5rem}.forget,.more_opt,.remember{align-items:center;display:flex;width:100%}.forget,.remember{background-color:azure;border:1px solid #000;border-radius:2rem;gap:1rem;height:3rem;justify-content:center;padding:1rem}.more_opt .remember input[type=checkbox]{accent-color:#00007f;scale:1.5}.more_opt .forget a{color:#01138f;font-size:1.3rem;text-decoration:none}.more_opt .forget a:after{background-color:#01138f;bottom:0;content:"";display:block;height:.1rem;left:0;transition:all .5s ease;width:0}.more_opt .forget a:hover:after{width:100%}.left_second form button,.right_second form button{background-color:#006dff;border:1px solid #000e66;border-radius:2rem;color:#fff;cursor:pointer;font-size:1.5rem;height:3rem;margin-bottom:1.5rem;outline:none;width:50%}.sign_in,.sign_up{align-items:center;display:none;gap:1rem;justify-content:center;margin-bottom:1.5rem;width:100%}.sign_a,.sign_p{font-size:1.2rem}.sign_a{color:#000e66;text-decoration:none}.sign_a:after{background-color:#01138f;bottom:0;content:"";display:block;height:.1rem;left:0;transition:all .5s ease;width:0}.sign_a:hover:after{width:100%}.panel1{pointer-events:all;-webkit-transform:translateX(49.08%);transform:translateX(49.08%)}.panel1,.panel2{background:none;border:none;z-index:1}.panel2{pointer-events:none;-webkit-transform:translateX(0);transform:translateX(0)}.left_panel1{display:block}.left_panel2,.right_panel1{display:none}.right_panel2{display:block}@media screen and (max-width:1919px){.panel1{-webkit-transform:translateX(48.9%);transform:translateX(48.9%)}}@media screen and (max-width:1495px){.panel1{-webkit-transform:translateX(48.7%);transform:translateX(48.7%)}}@media screen and (max-width:1338px){.more_opt .forget a,.more_opt label{font-size:1.3rem}}@media screen and (max-width:1288px){.more_opt .forget a,.more_opt label{font-size:1.1rem}}@media screen and (max-width:1280px){.container{grid-template-columns:1fr;height:auto;position:relative}.panel{display:none;position:relative}.left1{display:block}.left1,.left2{border:1px solid #000}.left2{display:none}.right1{display:block}.right1,.right2{border:1px solid #000}.right2{display:none}.sign_in,.sign_up{display:flex}.sign_a,.sign_p{margin-top:2rem}.form{height:auto}}@media screen and (max-width:1024px){.left_second,.right_second{border:none;margin-top:1rem}.social_net{height:3.5rem}.social_net .Link,.social_net img{height:3.5rem;width:3.5rem}.left_second .Or,.right_second .Or{font-size:2rem}.left_second span:after,.left_second span:before,.right_second span:after,.right_second span:before{content:"";height:.1rem}.input_field{height:2.5rem}.input_field img{height:2rem}.forget,.remember{height:2.5rem}.more_opt .forget a,.more_opt label{font-size:1.2rem}.more_opt .remember input[type=checkbox]{scale:1.5}.left_second form button,.right_second form button{font-size:1.5rem;height:3rem}.container{height:auto}}@media screen and (max-width:684px){.more_opt{display:block;width:100%}.forget,.remember{margin-bottom:1.5rem}.left_second h2,.right_second h2{font-size:2rem}.left_second,.right_second{margin-top:3rem;padding:0}.left_first,.right_first{margin-top:1rem}.left_second .login_p,.right_second .register_p{font-size:1rem}.left,.right{margin:0;padding:0}.container{padding:0}.left_first .left_first_img,.right_first .right_first_img{height:1.5rem;width:1.5rem}.left_first span,.right_first span{font-size:1.2rem}.container{border:none;height:100vh;margin:0;width:100%}.container1{border:none}.container1,body{margin:0;padding:0}body{box-sizing:border-box;display:block;height:100%}.sign_a,.sign_p{margin-top:2rem}}@media screen and (max-width:375px){.left,.right{border:none;height:auto}.left_second,.right_second{border:none;margin-top:1rem}.social_net{height:2.5rem}.social_net .Link,.social_net img{height:2.5rem;width:2.5rem}.left_second .Or,.right_second .Or{font-size:1.5rem}.left_second span:after,.left_second span:before,.right_second span:after,.right_second span:before{content:"";height:.05rem}.input_field{height:2rem}.input_field img{height:1rem}.forget,.remember{height:2rem}.more_opt .forget a,.more_opt label{font-size:1rem}.more_opt .remember input[type=checkbox]{scale:1.2}.left_second form button,.right_second form button{font-size:1rem;height:2rem}.sign_a,.sign_p{margin-top:2rem}}@media screen and (max-width:326px){.sign_a,.sign_p{font-size:1.1rem;margin-top:2rem}}
/*# sourceMappingURL=main.7e3d9c3f.css.map*/