@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700;800;900&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}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)}}@-webkit-keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}.background{background:#4e54c8;height:100vh;left:0;margin:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;top:0;width:100vw}.background li{-webkit-animation:animate 19s linear infinite;animation:animate 19s linear infinite;background:hsla(0,0%,100%,.2);display:block;height:20px;list-style:none;pointer-events:none;position:absolute;width:20px}.background li:nth-child(0){-webkit-animation-delay:1s;animation-delay:1s;bottom:-163px;height:163px;left:59%;pointer-events:none;width:163px}.background li:first-child{-webkit-animation-delay:2s;animation-delay:2s;bottom:-123px;height:123px;left:16%;pointer-events:none;width:123px}.background li:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;bottom:-142px;height:142px;left:32%;pointer-events:none;width:142px}.background li:nth-child(3){-webkit-animation-delay:10s;animation-delay:10s;bottom:-175px;height:175px;left:69%;pointer-events:none;width:175px}.background li:nth-child(4){-webkit-animation-delay:19s;animation-delay:19s;bottom:-104px;height:104px;left:85%;pointer-events:none;width:104px}.background li:nth-child(5){-webkit-animation-delay:21s;animation-delay:21s;bottom:-143px;height:143px;left:48%;pointer-events:none;width:143px}.background li:nth-child(6){-webkit-animation-delay:29s;animation-delay:29s;bottom:-108px;height:108px;left:3%;pointer-events:none;width:108px}.background li:nth-child(7){-webkit-animation-delay:21s;animation-delay:21s;bottom:-105px;height:105px;left:30%;pointer-events:none;width:105px}.background li:nth-child(8){-webkit-animation-delay:36s;animation-delay:36s;bottom:-180px;height:180px;left:76%;pointer-events:none;width:180px}.background li:nth-child(9){-webkit-animation-delay:23s;animation-delay:23s;bottom:-186px;height:186px;left:27%;pointer-events:none;width:186px}.background li:nth-child(10){-webkit-animation-delay:50s;animation-delay:50s;bottom:-176px;height:176px;left:44%;pointer-events:none;width:176px}.background li:nth-child(11){-webkit-animation-delay:53s;animation-delay:53s;bottom:-185px;height:185px;left:53%;pointer-events:none;width:185px}.background li:nth-child(12){-webkit-animation-delay:33s;animation-delay:33s;bottom:-128px;height:128px;left:1%;pointer-events:none;width:128px}.background li:nth-child(13){-webkit-animation-delay:64s;animation-delay:64s;bottom:-104px;height:104px;left:80%;pointer-events:none;width:104px}.background li:nth-child(14){-webkit-animation-delay:23s;animation-delay:23s;bottom:-168px;height:168px;left:76%;pointer-events:none;width:168px}.background li:nth-child(15){-webkit-animation-delay:18s;animation-delay:18s;bottom:-177px;height:177px;left:7%;pointer-events:none;width:177px}.background li:nth-child(16){-webkit-animation-delay:3s;animation-delay:3s;bottom:-147px;height:147px;left:8%;pointer-events:none;width:147px}.background li:nth-child(17){-webkit-animation-delay:26s;animation-delay:26s;bottom:-165px;height:165px;left:85%;pointer-events:none;width:165px}.background li:nth-child(18){-webkit-animation-delay:29s;animation-delay:29s;bottom:-166px;height:166px;left:1%;pointer-events:none;width:166px}.background li:nth-child(19){-webkit-animation-delay:30s;animation-delay:30s;bottom:-176px;height:176px;left:37%;pointer-events:none;width:176px}.background li:nth-child(20){-webkit-animation-delay:60s;animation-delay:60s;bottom:-110px;height:110px;left:78%;pointer-events:none;width:110px}.background li:nth-child(21){-webkit-animation-delay:30s;animation-delay:30s;bottom:-195px;height:195px;left:71%;pointer-events:none;width:195px}.background li:nth-child(22){-webkit-animation-delay:45s;animation-delay:45s;bottom:-104px;height:104px;left:62%;pointer-events:none;width:104px}.background li:nth-child(23){-webkit-animation-delay:37s;animation-delay:37s;bottom:-196px;height:196px;left:67%;pointer-events:none;width:196px}.background li:nth-child(24){-webkit-animation-delay:73s;animation-delay:73s;bottom:-151px;height:151px;left:62%;pointer-events:none;width:151px}.background li:nth-child(25){-webkit-animation-delay:60s;animation-delay:60s;bottom:-188px;height:188px;left:65%;pointer-events:none;width:188px}.background li:nth-child(26){-webkit-animation-delay:114s;animation-delay:114s;bottom:-102px;height:102px;left:77%;pointer-events:none;width:102px}.background li:nth-child(27){-webkit-animation-delay:38s;animation-delay:38s;bottom:-189px;height:189px;left:25%;pointer-events:none;width:189px}.background li:nth-child(28){-webkit-animation-delay:107s;animation-delay:107s;bottom:-167px;height:167px;left:30%;pointer-events:none;width:167px}.background li:nth-child(29){-webkit-animation-delay:84s;animation-delay:84s;bottom:-157px;height:157px;left:74%;pointer-events:none;width:157px}.background li:nth-child(30){-webkit-animation-delay:76s;animation-delay:76s;bottom:-197px;height:197px;left:22%;pointer-events:none;width:197px}.background li:nth-child(31){-webkit-animation-delay:114s;animation-delay:114s;bottom:-100px;height:100px;left:63%;pointer-events:none;width:100px}.background li:nth-child(32){-webkit-animation-delay:98s;animation-delay:98s;bottom:-191px;height:191px;left:7%;pointer-events:none;width:191px}.background li:nth-child(33){-webkit-animation-delay:134s;animation-delay:134s;bottom:-137px;height:137px;left:76%;pointer-events:none;width:137px}.background li:nth-child(34){-webkit-animation-delay:74s;animation-delay:74s;bottom:-136px;height:136px;left:47%;pointer-events:none;width:136px}.background li:nth-child(35){-webkit-animation-delay:130s;animation-delay:130s;bottom:-101px;height:101px;left:7%;pointer-events:none;width:101px}.background li:nth-child(36){-webkit-animation-delay:82s;animation-delay:82s;bottom:-163px;height:163px;left:6%;pointer-events:none;width:163px}.background li:nth-child(37){-webkit-animation-delay:4s;animation-delay:4s;bottom:-177px;height:177px;left:28%;pointer-events:none;width:177px}.background li:nth-child(38){-webkit-animation-delay:110s;animation-delay:110s;bottom:-132px;height:132px;left:49%;pointer-events:none;width:132px}.background li:nth-child(39){-webkit-animation-delay:49s;animation-delay:49s;bottom:-124px;height:124px;left:5%;pointer-events:none;width:124px}.background li:nth-child(40){-webkit-animation-delay:175s;animation-delay:175s;bottom:-123px;height:123px;left:35%;pointer-events:none;width:123px}html{height:100%}body{background:linear-gradient(#141e30,#243b55);font-family:sans-serif;margin:0;padding:0}.login-box{background:rgba(0,0,0,.5);border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,.6);box-sizing:border-box;left:50%;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.login-box h2{color:#fff;margin:0 0 30px;padding:0;text-align:center}.login-box .user-box{position:relative}.login-box .user-box input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login-box .user-box label{color:#fff;font-size:16px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{color:#03e9f4;font-size:12px;left:0;top:-20px}.login-box form a,.login-box form button{color:#03e9f4;display:inline-block;font-size:16px;letter-spacing:4px;margin-top:40px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.login-box a:hover,.login-box button:hover{background:#03e9f4;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4;color:#fff}.login-box a span,.login-box button span{display:block;position:absolute}.login-box button{background-color:initial;border:none}.login-box a span:first-child,.login-box button span:first-child{-webkit-animation:btn-anim1 1s linear infinite;animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#03e9f4);height:2px;left:-100%;top:0;width:100%}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box a span:nth-child(2),.login-box button span:nth-child(2){-webkit-animation:btn-anim2 1s linear infinite;animation:btn-anim2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;background:linear-gradient(180deg,transparent,#03e9f4);height:100%;right:0;top:-100%;width:2px}@-webkit-keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box a span:nth-child(3),.login-box button span:nth-child(3){-webkit-animation:btn-anim3 1s linear infinite;animation:btn-anim3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background:linear-gradient(270deg,transparent,#03e9f4);bottom:0;height:2px;right:-100%;width:100%}@-webkit-keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box a span:nth-child(4){-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}@-webkit-keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.login-box button span:nth-child(4){-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}:root{--gray:#555;--purple:#4e65ff;--green-blue:#92effd;--white:#fff}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.navigation{background:#fff;background:var(--white);border-radius:5px;box-shadow:0 25px 35px rgba(0,0,0,.1);justify-content:space-between;position:fixed;right:20px;top:20px;transition:height .5s,width .5s;transition-delay:0s,.75s;width:120px}.navigation,.navigation .user-box{display:flex;height:60px;overflow:hidden}.navigation .user-box{align-items:center;position:relative;transition:.5s;transition-delay:.5s;width:60px}.navigation .user-box .username{color:#555;color:var(--gray);font-size:1.2rem;white-space:nowrap}.navigation .user-box .image-box{background:#fff;background:var(--white);border:10px solid #fff;border:10px solid var(--white);border-radius:50%;height:60px;min-width:60px;overflow:hidden;position:relative}.navigation .user-box .image-box img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.navigation .menu-toggle{align-items:center;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative;width:60px}.navigation .menu-toggle:before{box-shadow:0 10px #555;box-shadow:0 10px var(--gray);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.navigation .menu-toggle:after,.navigation .menu-toggle:before{background:#555;background:var(--gray);content:"";height:2px;position:absolute;transition:.5s;width:32px}.navigation .menu-toggle:after{-webkit-transform:translateY(10px);transform:translateY(10px)}.menu{border-top:1px solid rgba(0,0,0,.1);height:calc(100% - 60px);margin-top:60px;padding:20px;position:absolute;width:100%}.menu li{list-style:none}.menu li a{align-items:center;color:#555;color:var(--gray);display:flex;font-size:1rem;gap:10px;margin:20px 0;text-decoration:none}.menu li a ion-icon{font-size:1.5rem}.menu li a:hover{color:#4e65ff;color:var(--purple)}.navigation.active .menu-toggle:before{box-shadow:none;-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.navigation.active .menu-toggle:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.navigation.active{height:350px;transition:width .5s,height .5s;transition-delay:0s,.75s;width:300px}.navigation.active .user-box{transition-delay:0s;width:calc(100% - 60px)}
/*# sourceMappingURL=main.82d45b9c.css.map*/