@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-body{background-position:50%;background-size:cover;display:flex;height:1000px;position:relative}.login-body .left-image,.login-body .right-image{background-position:50%;background-size:cover;border:1px solid #fff;height:100vh;object-fit:contain;position:fixed;width:20%;z-index:1}.login-body .right-image{right:0}.login-body .login-form{height:100%;width:60%}.login-body .login-form .image1{background-position:50%;background-size:cover;border:1px solid #fff;border-radius:2px;height:11vh;margin-bottom:20px;margin-left:42vw;margin-top:20px;object-fit:cover;width:15vw}.login-body .login-form .image2{height:15vh;margin-bottom:20px}.login-body .login-form .image2,.login-body .login-form .image3{background-position:50%;background-size:cover;border:1px solid #fff;border-radius:2px;margin-left:33vw;width:33vw}.login-body .login-form .image3{height:36vh}.login-body .login-form .wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #fff;border-radius:20px;color:#000;font-family:Poppins,sans-serif;left:50%;margin-left:auto;padding:30px 40px;position:absolute;top:75%;transform:translate(-50%,-50%);width:40%}.login-body .login-form .wrapper h1{color:#fff;text-align:center}.login-body .login-form .wrapper .input-box{height:50px;margin:20px;position:relative;width:auto}.login-body .login-form .wrapper .input-box input{background:#0000;border-color:#000;border-radius:20px;color:#fff;font-size:16px;font-weight:550;height:100%;margin:5px;outline-color:green;width:100%}.login-body .login-form .wrapper .input-box input::placeholder{color:#fff}.login-body .login-form .wrapper .input-box .icon{font-size:20px;position:absolute;right:20px;top:70%;transform:translateY(-50%)}.login-body .login-form .wrapper button{border:none;border-radius:20px;box-shadow:0 0 10px 0 rgba,0,0,.1;color:#333;font-size:16px;font-weight:700;height:45px;margin-bottom:20px;outline:none;position:relative;text-align:center;transform:translateX(15%);width:80%}.login-body .login-form .wrapper .remember-me{font-size:20px;font-weight:600;margin:10px 10px 10px 20px}.login-body .login-form .wrapper .button-class{background-color:red;text-align:center}.login-body .login-form .wrapper .error{color:#f80000;font-size:17px;font-style:italic;padding-left:25px;padding-top:5px}.login-body .login-form .wrapper .btn-login .nav-link{color:#000;font-size:20px;font-weight:600;text-align:center;text-decoration:none}.login-footer{align-items:center;background-color:#333;border-top:1px solid #fff;color:#f5f5f5;display:flex;flex-direction:column;justify-content:center}.login-footer .f-infor{background-color:#5f9ea0;margin:30px 0;padding:10px;width:450px}.login-footer div{max-width:650px}.login-footer .f-image1{background-size:cover;height:200px;margin-bottom:20px;width:300px}.login-footer .f-contact{display:flex;justify-content:space-between;margin-bottom:20px;width:450px}.login-footer .f-contact .facebook{background-color:blue;height:75px}.login-footer .f-contact .f-text{align-items:center;background-color:#ff0;color:#000;display:flex;height:75px;justify-content:center;width:200px}.login-footer .f-contact .instagram{background-color:red;height:75px}@media screen and (max-width:1000px){.login-body .login-form .image1{height:11vh;object-fit:contain;width:16vw}.login-body .login-form .image2{height:14vh}.login-body .login-form .image3{height:28vh;width:33vw}.login-body .login-form .wrapper{top:70%}.login-body .login-form .wrapper input::placeholder{color:#fff;font-size:14px;padding-left:5px}.login-body .login-form .wrapper .remember-me{font-size:14px}.login-footer .f-contact{width:42vw}.login-footer .f-image1{height:25vh;width:38vw}.login-footer .f-infor{margin:30px 0;padding:10px;width:42vw}}@media screen and (max-width:800px){.login-body .login-form .image1{height:11vh;margin-left:40vw;width:19vw}}@media screen and (max-width:600px){.login-body .login-form .image1{margin-left:38vw;width:24vw}.login-body .login-form .image2{height:15vh;margin-left:30vw;width:40vw}.login-body .login-form .image3{height:30vh;margin-left:30vw;width:40vw}.login-body .login-form .wrapper .input-box{font-size:14px;margin:10px 0;padding:0}.login-body .login-form .wrapper input::placeholder{color:#fff;font-size:14px;padding-left:5px}}@media screen and (max-width:500px){.login-container{height:178vh;width:auto}.login-body .left-image,.login-body .right-image{display:none}.login-body .login-form .image1{height:9vh;margin-left:29vw;width:43vw}.login-body .login-form .image2{height:14vh;margin-left:10vw;width:80vw}.login-body .login-form .image3{height:30vh;margin-left:10vw;width:80vw}.login-body .login-form .wrapper{top:78%;width:76vw!important}.login-footer .f-infor{height:auto;margin:10px 0;padding:10px;width:80vw}.login-footer .f-contact{height:auto;width:80vw}.login-footer .f-image1{height:18vh;width:60vw}}.loading{background-color:#fef2f280;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading,.loading .loading-icon{align-items:center;display:flex;justify-content:center}.loading .loading-icon{background-color:aqua;border:2px solid #000;height:20vh;width:40vh}
/*# sourceMappingURL=main.19994e43.css.map*/