body {
    background-color: #000226;
}

body {
	background: linear-gradient(20deg, #020b6e, #0c0668, #1f076d, #021c4b, #365168);
	background-size: 100% 100%;
	animation: gradient-animation 15s ease infinite;
}

body {
   overflow-x: hidden;
   overflow-y: hidden;
}



@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

      @font-face {
  font-family: 'Damion';
  src: url('/resource/Damion-8gnD.ttf') format('truetype');
}

body {
  margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  height: 2000px;

  color: white;
}

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1vw 40px;
  background: transparent;
  z-index: 1000;
  font-family: 'Damion', sans-serif;
  font-size: 30px;
}

.logo img {
  height: 6vw;
  width: auto;
  margin-right: 1vw;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
  transition: transform .4s;
}

.logo img:hover {
    transform: scale(1.05);
}

.nav-links {
  display: flex;
  gap: 0.8vw;
  align-items: center;
}

.nav-btn {
  padding: 3px 14px;
  border-radius: 8px;
  background: rgba(166, 185, 238,0.15);
  border: 1px solid rgba(166, 185, 238,0.3);
  color: white;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  color: rgb(166, 185, 238)
}

.nav-btn:hover {
  background: rgba(106, 104, 224, 0.3);
  border-color: rgba(0, 39, 122, 0.6);
  color: #0b00a1;
  transform: scale(0.95);
}

.center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.caption {
  margin-top: -1vw;
  font-size: 40px;
  color: rgb(68, 90, 184);
  text-shadow: 0 1px 2px rgba(0,0,0,0.7);
  font-family: 'Damion', sans-serif;
  src: url('/resource/Damion-8gnD.ttf') format('truetype');
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}

.top-logo {
  margin-top: 2vw;
  margin-bottom: -0.5vw;
  font-size: 50px;
  color: rgba(166, 185, 238);
  text-shadow: 0 1px 2px rgba(0,0,0,0.7);
  font-family: 'Damion', sans-serif;
  src: url('/resource/Damion-8gnD.ttf') format('truetype');
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.5));
}