@import url(https://fonts.googleapis.com/css?family=Roboto:300);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);body{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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login-page{margin:auto;padding:8% 0 0;width:360px}.form{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);margin:0 auto 100px;max-width:360px;padding:45px;position:relative;text-align:center;z-index:1}.form input{background:#f2f2f2;box-sizing:border-box;margin:0 0 15px}.form button,.form input{border:0;font-family:Roboto,sans-serif;font-size:14px;outline:0;padding:15px;width:100%}.form button{background:#4caf50;color:#fff;cursor:pointer;text-transform:uppercase;transition:all .3 ease}.form button:active,.form button:focus,.form button:hover{background:#43a047}.form .message{color:#b3b3b3;font-size:12px;margin:15px 0 0}.form .message a{color:#4caf50;text-decoration:none}.form .register-form{display:none}.container{margin:0 auto;max-width:300px;position:relative;z-index:1}.container:after,.container:before{clear:both;content:"";display:block}.container .info{margin:50px auto;text-align:center}.container .info h1{color:#1a1a1a;font-size:36px;font-weight:300;margin:0 0 15px;padding:0}.container .info span{color:#4d4d4d;font-size:12px}.container .info span a{color:#000;text-decoration:none}.container .info span .fa{color:#ef3b3a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-color:#000;background-size:contain;min-height:100vh}nav{background:#3e8da8;box-shadow:0 1px 2px rgba(0,0,0,.2);height:100%;height:70px;left:0;position:fixed;top:0;width:100%;z-index:99}nav .navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1250px;padding:0 50px;width:100%}.navbar .logo a{color:#fff;font-size:30px;font-weight:600;text-decoration:none}nav .navbar .nav-links{height:100%;line-height:70px}nav .navbar .links{display:flex}nav .navbar .links li{align-items:center;display:flex;justify-content:space-between;list-style:none;padding:0 14px;position:relative}nav .navbar .links li a{color:#fff;font-size:15px;font-weight:500;height:100%;text-decoration:none;white-space:nowrap}.links li:hover .htmlcss-arrow,.links li:hover .js-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}nav .navbar .links li .arrow{color:#fff;display:inline-block;height:100%;line-height:70px;text-align:center;transition:all .3s ease;width:22px}nav .navbar .links li .sub-menu{background:#3e8da8;border-radius:0 0 4px 4px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:none;left:0;line-height:40px;position:absolute;top:70px;z-index:2}nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .js-sub-menu{display:block}.navbar .links li .sub-menu li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:0 22px}.navbar .links li .sub-menu a{color:#fff;font-size:15px;font-weight:500}.navbar .links li .sub-menu .more-arrow{line-height:40px}.navbar .links li .sub-menu .more-sub-menu{border-radius:0 4px 4px 4px;display:none;left:100%;position:absolute;top:0;z-index:1}.links li .sub-menu .more:hover .more-sub-menu{display:block}.navbar .search-box{height:40px;position:relative;width:40px}.navbar .search-box i{color:#fff;cursor:pointer;font-size:22px;font-weight:600;height:100%;line-height:40px;position:absolute;text-align:center;transition:all .3s ease;width:100%}.navbar .search-box .input-box{background:#3e8da8;border-radius:6px;height:60px;opacity:0;pointer-events:none;position:absolute;right:calc(100% - 40px);top:80px;transition:all .4s ease;width:300px}.navbar.showInput .search-box .input-box{background:#3e8da8;opacity:1;pointer-events:auto;top:65px}.search-box .input-box:before{background:#3e8da8;content:"";height:20px;position:absolute;right:10px;top:-6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:20px}.search-box .input-box input{border:none;border-radius:4px;font-size:16px;height:35px;left:50%;outline:none;padding:0 15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:280px}.navbar .bx-menu,.navbar .nav-links .sidebar-logo{display:none}@media (max-width:920px){nav .navbar{max-width:100%;padding:0 25px}nav .navbar .logo a{font-size:27px}nav .navbar .links li{padding:0 10px;white-space:nowrap}nav .navbar .links li a{font-size:15px}}@media (max-width:800px){.navbar .bx-menu{display:block}nav .navbar .nav-links{background:#3e8da8;box-shadow:0 5px 10px rgba(0,0,0,.2);display:block;left:-100%;line-height:40px;max-width:270px;padding:20px;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:1000}.navbar .nav-links .sidebar-logo{align-items:center;display:flex;justify-content:space-between}.navbar .bx-menu,.sidebar-logo .logo-name,.sidebar-logo i{color:#fff;font-size:25px}nav .navbar .links{display:block;margin-top:20px}nav .navbar .links li .arrow{line-height:40px}nav .navbar .links li{display:block}nav .navbar .links li .sub-menu{box-shadow:none;display:none;position:relative;top:0}nav .navbar .links li .sub-menu li{border-bottom:none}.navbar .links li .sub-menu .more-sub-menu{left:0;position:relative}.navbar .links li .sub-menu .more-sub-menu li{align-items:center;display:flex;justify-content:space-between}.links li:hover .htmlcss-arrow,.links li:hover .js-arrow{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.navbar .links li .sub-menu .more-sub-menu{display:none}.navbar .links li .sub-menu .more span{align-items:center;display:flex}.links li .sub-menu .more:hover .more-sub-menu,nav .navbar .links li:hover .htmlCss-sub-menu,nav .navbar .links li:hover .js-sub-menu{display:none}.navbar .nav-links.show1 .links .htmlCss-sub-menu,.navbar .nav-links.show2 .links .more .more-sub-menu,.navbar .nav-links.show3 .links .js-sub-menu{display:block}.navbar .nav-links.show1 .links .htmlcss-arrow,.navbar .nav-links.show3 .links .js-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.navbar .nav-links.show2 .links .more-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@media (max-width:370px){nav .navbar .nav-links{max-width:100%}}.content{background:url(https://i.pinimg.com/736x/fe/82/6b/fe826b42b2cb2b5720435fd9b6b970a8.jpg);background-repeat:no-repeat;background-size:contain;color:#f5f5f5;font-size:25px;height:90vh;width:100vw}.dropbtn{background-color:#3e8da8;border:none;color:#fff;font-size:16px;padding-bottom:10px;padding-left:3px;padding-top:10px;width:100%}.dropdown{display:inline-block;position:relative;width:250px}.dropdown-content{background-color:skyblue;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;padding:8px 10px;text-decoration:none}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8da8}
/*# sourceMappingURL=main.ec2b14ba.css.map*/