@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";body{background-color:#0f1c36;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:"Baloo 2",cursive!important;color:#fff;justify-content:center;min-height:100vh;background-image:url(./background_dark.B-pr397B.png);background-repeat:repeat;animation:bg-scroll 100s linear infinite;background-attachment:fixed;font-size:25px;font-weight:1000;padding-bottom:35px;letter-spacing:.115em;overflow-x:hidden}@keyframes bg-scroll{0%{background-position:100% -100%}to{background-position:0 0}}button{background-color:#0061ca;border:solid 2px #0061ca;color:#fff;padding:10px 20px;border-radius:15px;font-size:1em;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}input{background-color:#111721;border:solid 2px #27272a;color:#fff;padding:10px 20px;border-radius:15px;font-size:1em;outline:none;font-weight:600;transition:all .3s ease-in-out}input:hover{border:solid 2px #484c9d;transition:all .3s ease-in-out}subtext{font-size:.8em;color:#949494;font-style:italic}div.popupMenu>div.content{position:absolute;background-color:#111721;border:solid 2px #27272a;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;box-shadow:0 4px 8px #0003;padding:20px;border-radius:15px;font-size:1em;outline:none;width:80%}div.popupMenu{position:absolute;inset:0;width:100vw;opacity:1;transition:opacity .3s ease-in-out;height:100vh;vertical-align:middle;padding:15px;background-color:#00000080;z-index:1002}div.popupMenu>button{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}a.navLink{color:#fff;text-decoration:none;margin:0 15px;z-index:1000;padding:7.5px;width:200px!important;position:relative;border:solid 3px #35a4ff00;border-radius:15px;font-weight:600;font-size:1em}.hamburger{position:fixed;top:20px;left:20px;z-index:1001;background:#03172dcc;border:1px solid rgba(53,164,255,.3);padding:10px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:all .3s ease}.line{width:25px;height:3px;background:#fff;transition:.3s;border-radius:2px}.hamburger.active .line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .line:nth-child(2){opacity:0;transform:translate(-100px)}.hamburger.active .line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.navbar{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#03172d99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transform:translate(-100%);opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.navbar.open{transform:translate(0);opacity:1}.menu-content{display:flex;flex-direction:column;gap:2rem;text-align:center}left,middle,right{display:flex;flex-direction:column;gap:1rem}.navLink{font-size:1.5rem!important;margin:0!important;transition:transform .2s ease,color .2s ease}.navLink:hover{transform:scale(1.1);color:#35a4ff}.user-box{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.username{color:#35a4ff;font-weight:600}footer.footer{position:fixed;bottom:0;left:0;width:100%;background:#03172d;border-top:1px solid rgba(53,164,255,.3);text-align:center;color:#fff;padding:.5px;vertical-align:middle;z-index:1000;max-height:35px;font-size:12px;height:auto}
