@import url(https://fonts.googleapis.com/css2?family=Poppins);.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)}}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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:url(/static/media/background.8e3101a3b9a0a6d3d8e6.jpg) no-repeat;background-position:50%;background-size:cover;justify-content:center;min-height:100vh}body,header{align-items:center;display:flex}header{justify-content:space-between;left:0;padding:20px 100px;position:fixed;top:0;width:100%;z-index:99}.logo{color:#fff;font-size:2em;-webkit-user-select:none;user-select:none}.navigation a{position:relative;text-decoration:none}.navigation .btnLogin-popup,.navigation a{color:#fff;font-size:1.1em;font-weight:500;margin-left:40px}.navigation .btnLogin-popup{background:#0000;border:2px solid #fff;border-radius:6px;cursor:pointer;height:50px;outline:none;transition:.5s;width:130px}.navigation a:after{background:#fff;border-radius:5px;bottom:-6px;content:"";height:3px;left:0;position:absolute;transform:scale(0);transition:transform .5s;width:100%}.navigation a:hover:after{transform:scaleX(1)}.navigation .btnLogin-popup:hover{background:#fff;color:#162938}.wrapper{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000;border:2px solid #ffffff80;border-radius:20px;box-shadow:0 0 30px #00000080;display:flex;height:440px;justify-content:center;overflow:hidden;position:relative;transform:scale(0);transition:transform .5s ease,height .2s ease;width:400px}.wrapper.active-popup{transform:scale(1)}.wrapper.active{height:520px}.wrapper .form-box{padding:40px;width:100%}.wrapper .form-box.login{transform:translateX(0);transition:transform .18s ease}.wrapper.active .form-box.login{transform:translateX(-400px);transition:none}.wrapper .form-box.register{position:absolute;transform:translateX(400px);transition:none}.wrapper.active .form-box.register{transform:translateX(0);transition:transform .18s ease}.wrapper .icon-close{align-items:center;background:#162938;border-bottom-left-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:2em;height:45px;justify-content:center;position:absolute;right:0;top:0;width:45px;z-index:1}.form-box h2{color:#fff;font-size:2em;text-align:center}.input-box{border-bottom:2px solid #fff;height:50px;margin:30px 0;position:relative;width:100%}.input-box label{color:#fff;font-size:1em;font-weight:500;left:5px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:.5s}.input-box input:focus~label,.input-box input:valid~label{top:-5px}.input-box input{background:#0000;border:none;color:#fff;font-size:1em;font-weight:600;height:100%;outline:none;padding:0 35px 0 5px;width:100%}.input-box .icon{color:#fff;font-size:1.2em;line-height:57px;position:absolute;right:8px}.remember-forgot{color:#fff;display:flex;font-size:.9em;font-weight:500;justify-content:space-between;margin:-15px 0 15px}.remember-forgot label input{accent-color:#fff;margin-right:3px}.remember-forgot a{color:#fff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.btn{background:#162938;border:none;border-radius:6px;cursor:pointer;font-size:1em;height:45px;outline:none;width:100%}.btn,.login-register{color:#fff;font-weight:500}.login-register{font-size:.9em;margin:25px 0 10px;text-align:center}.login-register p a{color:#fff;font-weight:600;text-decoration:none}.login-register p a:hover{text-decoration:underline}.welcome-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center;z-index:1}.welcome-content h1{font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 10px #00000080}@media (max-width:768px){.welcome-content h1{font-size:2rem}.wrapper{height:auto;min-height:450px;width:90%}.navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding:80px 20px;position:fixed;right:-100%;top:0;transition:.5s ease;width:250px;z-index:999}.navigation.mobile-active{right:0}.navigation a{font-size:1.2em;margin:15px 0}.user-nav-mobile{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;margin-top:20px;padding-top:20px;width:100%}.user-name-text{color:#fff;font-size:1.1em;font-weight:500;margin-bottom:15px}.btn-logout-mobile{background:#ff4b2b;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;height:45px;max-width:180px;width:100%}.navigation .btnLogin-popup{margin-left:0;margin-top:20px;width:160px}.menu-icon{color:#fff;cursor:pointer;display:block!important;font-size:2.5em;position:relative;z-index:1000}}@media (max-width:480px){.logo{font-size:1.5em}.wrapper{transform:scale(.85);width:95%}.form-box{padding:20px}}body{overflow-x:hidden;width:100%}
/*# sourceMappingURL=main.bcbcef75.css.map*/