#input{
    color:black;
    height:40px;
    border-radius:5px;
}
/* Add a black background color to the top navigation */
.topnav {
    overflow: hidden;
  }
  .topnav {
    overflow: hidden;
  }
  
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }
  
  .topnav .icon {
    display: none;
  }
  
  @media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
    }
  }
  
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
  }
  /* Style the links inside the navigation bar */
  .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
  }


  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}
  /* Change the color of links on hover */
  .topnav a:hover {
    color:rgb(2, 196, 255);
  }
  
  /* Add an active class to highlight the current page */
  .topnav a.active {
    color: rgb(245, 251, 255);
  }
  
  /* Hide the link that should open and close the topnav on small screens */
  .topnav .icon {
    display: none;
  }
  .loader{
    background-image:url("../images/loader.gif");
  }
.inactive{
  pointer-events: none;
}
  .dots {
    display: flex;
    margin-top: 30px;
    padding: 10px;
    float:right;
    margin-right:3%;
  }
  .cut {
    clip-path: polygon(91% 12%, 100% 5%, 100% 74%, 100% 100%, 75% 100%, 31% 100%, 0 100%, 0 73%, 0% 35%, 0 12%);
    border-radius:10px;
  }
  .cut2 {
    clip-path: polygon(49.94543% 0%, 49.631999% 0.12564846%, 49.187804% 0.4688613%, 48.640661% 0.97903993%, 48.018387% 1.605585%, 47.3488% 2.2978983%, 46.659716% 3.0053809%, 45.978952% 3.6774339%, 45.334324% 4.2634587%, 42.618384% 6.7500473%, 39.935164% 8.743094%, 37.227225% 10.296864%, 34.437125% 11.465622%, 31.507425% 12.303633%, 28.380682% 12.865161%, 24.999456% 13.204473%, 21.306307% 13.375833%, 18.127097% 13.266869%, 14.650937% 13.191619%, 11.100005% 13.527542%, 7.6964784% 14.652097%, 4.6625364% 16.942746%, 2.2203573% 20.776948%, 0.5921189% 26.532164%, 0% 34.585852%, 0% 39.201516%, 0% 43.81718%, 0% 48.432844%, 0% 53.048507%, 0% 57.664171%, 0% 62.279835%, 0% 66.895499%, 0% 71.511163%, 0.37122067% 75.655781%, 1.506588% 80.247442%, 3.4386599% 84.97803%, 6.1999946% 89.539433%, 9.8231496% 93.623537%, 14.340684% 96.922228%, 19.785154% 99.127392%, 26.189119% 99.930917%, 33.206023% 99.598265%, 38.745175% 98.670068%, 43.261202% 97.250968%, 47.208726% 95.445606%, 51.042372% 93.358623%, 55.216765% 91.094659%, 60.186528% 88.758356%, 66.406286% 86.454354%, 72.757944% 85.114156%, 78.860888% 84.911615%, 84.53075% 85.376904%, 89.58316% 86.040195%, 93.833751% 86.431657%, 97.098153% 86.081462%, 99.191998% 84.519782%, 99.930917% 81.276787%, 99.930917% 74.373149%, 99.930917% 67.469512%, 99.930917% 60.565874%, 99.930917% 53.662237%, 99.930917% 46.7586%, 99.930917% 39.854963%, 99.930917% 32.951325%, 99.930917% 26.047688%, 99.483948% 23.602291%, 98.249148% 21.274547%, 96.385677% 19.128688%, 94.052694% 17.228949%, 91.409359% 15.639561%, 88.614834% 14.424756%, 85.828276% 13.648769%, 83.208846% 13.375833%, 79.780489% 13.234012%, 76.02116% 12.843221%, 72.072026% 12.184289%, 68.074254% 11.238045%, 64.16901% 9.9853175%, 60.497461% 8.4069355%, 57.200773% 6.4837289%, 54.420113% 4.1965263%, 53.612432% 3.3746811%, 52.867835% 2.5981691%, 52.190258% 1.8867921%, 51.583637% 1.260352%, 51.051908% 0.73865107%, 50.599007% 0.34149057%, 50.228869% 0%);
  }
  .menu_container {
    display: flex;
    height: 400px;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    transform: translateX(-50%);
    transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);;
    width: 325px;
    margin-left:60%;
  }
  .dot {
    background: #fff;
    border-radius: 50%;
    height: 10px;
    margin-right: 5px;
    width: 10px;
  }
  .dot:last-child {
    margin-right: 0;
  }
  .drop {
    background: #201c3e;
    border-radius: 1.2px;
    height: 5px;
    transform: translateY(5px);
    transition: transform 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    width: 5px;
  }
  .shadow {
              background-image: url(data:image/png;base64,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RluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0JakgRluSCmK0Jakg9ev98ixnllTUOUIOxAwdAIGQr15UvnomALRAMzm9eZ2rJUlv0LRN9aWvNcOf61MaiTkScwYq6ty9gWvzWtHuz6DJ7SSygTjEGyDkwDw3ZDas9/7pV69GOzn97J+UpF9HvRfMy9nu/54B8xwIeTpwjVQZoKLJDbNnjV5fyEtPjxxzJx9xOy84fO4Fz5gBMxr6UXdzZeQtSW+FDH3nZtvOzYZvza/9hQWHecHRKzXxpUbad7mbH0MYTzfMc+J8mB7JOVDlSMqBRQ6s85yQl5PfDzR576QkFaO5/HmGJvef7walc0KuiDkwy4GYIyEHqnzd9MgxdzLAR3ya4cELXYs3MD0yyxvWROrcT40wfAzDHzLMcl/oVZj8sy8/yxhxSTdVhmuyDfSNaxg6t+1aGOazxzlt6KeTZ8z32neXb/NjPnjhK/LK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);
    height: 440px;
    justify-content: center;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%) translateY(4px);
    transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
    width: 365px;
  }
  .list {
    position: absolute;
    top: 120px;
    width: 325px;
  }
  .list ul {
    margin: 0;
    padding: 0;
  }
  .list li {
    align-items: center;
    border-bottom: 1px solid #bdbdbd;
    display: flex;
    font-size: 24px;
    height: 50px;
    margin-left: 40px;
    opacity: 0;
    list-style: none;
    transition: opacity 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
    user-select: none;
    -moz-user-select: none;
  }
  .list li:hover {
    color:rgb(2, 196, 255);
  }
  .formpanel{
    padding-top:300px;
    padding-bottom:150px;
    position:relative;
    z-index: -1;
  }
  .container{
    width:70%;
    padding:20px;
    border-radius:10px 10px 0px 0px;
    background:#131029 ; 
    color:white;
    position:relative;
    margin: 0 auto;
  }
  .dots.active .container {
    transform: translateX(-50%) translateY(20px);
  }
  .dots.active .drop {
    transform: translateY(212px) scale(108);
  }
  .dots.active .list li {
    cursor: pointer;
    opacity: 1;
    transition: opacity 200ms 100ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  .dots.active .list li:nth-child(2) {
    transition-delay: 130ms;
  }
  .dots.active .list li:nth-child(3) {
    transition-delay: 160ms;
  }
  .dots.active .list li:nth-child(4) {
    transition-delay: 190ms;
  }
  .dots.active .list li:nth-child(5) {
    transition-delay: 220ms;
  }
  .dots.active .shadow {
    opacity: 1;
    transition: opacity 150ms 150ms cubic-bezier(0.4, 0.0, 0.2, 1);
  }
  .cursor {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    height: 40px;
    top: 25px;
    width: 80px;
    float: right;
    margin-right:-400px;
    margin-top:30px;
  }  
  .loginBtn {
    background-image: url("../images/login discord.png");
    background-repeat: no-repeat;
    cursor: pointer;
    height: 55px;
    top: 25px;
    /* width: 50px; */
    /* float: right; */
    width: 130px;
    margin-right: 20px;
    margin-top: 20px;
    background-size: 140px;
    float: right;
  }
@media screen and (min-width: 1366px) {
    #image img {width:375px;}
}

/* Login Form Styles */
.login-menu-item {
    position: absolute !important;
    right: -200px;
    top: 0;
    margin-left: auto;
    z-index: 1001;
    flex-grow: 0 !important;
    flex-basis: auto !important;
}

.login-form-holder {
    display: none;
}

.login-form-drop {
    display: none;
}

.login-form-button {
    display: none;
}

.login-form-box {
    position: absolute;
    top: 7em;
    width: 350px;
    right: 0;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    pointer-events: none;
    z-index: 1000;
    margin-right: 0;
}

.login-form {
    background: #201c3e;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    color: white;
}

.login-form h3 {
    margin: 0 0 1.5rem 0;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
}

.form-group {
    margin-bottom: 1rem;
}

.login-form input {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 14px;
    box-sizing: border-box;
}

.login-form input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.login-form input:focus {
    outline: none;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 2px rgba(2, 196, 255, 0.5);
}

.submit-btn {
    width: 100%;
    padding: 12px;
    background: linear-gradient(135deg, #02c4ff, #1e90ff);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
}

.submit-btn:hover {
    background: linear-gradient(135deg, #1e90ff, #02c4ff);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(2, 196, 255, 0.3);
}

.register-link {
    display: block;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.register-link:hover {
    color: #02c4ff;
}

.login-cursor {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    height: 40px;
    width: auto;
    min-width: 70px;
    padding: 1em 1.5em;
    background: #02c4ff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    color: white;
    font-weight: 600;
    font-size: 1em;
    text-shadow: 0 1px 5px rgba(0,0,0,0.1);
    letter-spacing: 0.5px;
    margin-right: 0;
}

.login-cursor:hover {
    background: #1e90ff;
    transform: scale(1.05);
    color: rgba(255,255,255,0.9);
}

/* Prevent menu-item hover effects on login button only */
.login-menu-item:hover .sub-menu {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.login-menu-item .menu-text:after {
    display: none !important;
}

/* Active states */
.login-menu-item.active .login-form-box {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

.login-menu-item.inactive {
    pointer-events: none;
}

.login-menu-item.active .login-cursor {
    pointer-events: all;
}

.login-menu-item.inactive .login-cursor {
    pointer-events: all;
}

/* Override menu-item styles for login */
.login-menu-item {
    min-height: auto !important;
    height: auto !important;
    padding: 0 !important;
    box-sizing: content-box !important;
    transform-style: initial !important;
    perspective: initial !important;
    flex-grow: 0 !important;
    flex-basis: auto !important;
    justify-content: initial !important;
}

/* Ensure no sub-menu appears for login item only */
.login-menu-item .sub-menu {
    display: none !important;
}

/* Prevent login button from affecting other menu items' hover effects */
.login-menu-item:hover ~ #sub-menu-container #sub-menu-holder {
    display: none !important;
    opacity: 0 !important;
}