body {
  position: relative;
  overflow: hidden;
  font-family: 'Inter', sans-serif;
  background: #0f0f13;
  color: #e8e8f0;
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.nav-logo {
  position: relative;
  font-weight: 900;
  font-size: 2vh;
  top: 1.29rem;
  left: 7%;
}
.nav-links {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 900;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.041);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.199);
  width: 80%;
  height: 5vh;
  left: 4.5%;
  margin-top: -4%;
}
.Tools {
 position: absolute;
 text-decoration: none;
 color: rgba(245, 245, 245, 0.479);
 font-size: 2vh;
 text-align: center;
 border-radius: 20px;
 width: 17%;
 height:60%;
 top: 18%;
 left: 58%;
 border: 1px solid rgba(255, 255, 255, 0.137);
}
.Bio {
 position: absolute;
 text-decoration: none;
 color: rgba(245, 245, 245, 0.479);
 font-size: 2vh;
 top: 18%;
 border-radius: 20px;
 width: 17%;
 height: 60%;
 left: 80%;
 text-align: center;
 border: 1px solid rgba(255, 255, 255, 0.137);
}
.Home {
 position: absolute;
 text-decoration: none;
 color: whitesmoke;
 font-size: 2vh;
 border-radius: 20px;
 width: 23%;
 height: 60%;
 left: 13vh;
 top: 18%;
 text-align: center;
 border: 1px solid rgba(255, 255, 255, 0.199);
}
.MivaGo {
 position: relative;
 text-align: center;
}
.Goh1 {
  position: absolute;
  font-weight: 900;
  font-size: 5vh;
  left: 17%;
  margin-top: 5%;
  background: linear-gradient(to right, #a88bfe, #f0b9ff, #a88bfe);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
 animation: shine 4s ease-in-out infinite;
 text-rendering: optimizeLegibility;      
  -webkit-font-smoothing: antialiased;  
  border: 1px solid rgba(255, 255, 255, 0.178);
  background-color: rgba(255, 254, 254, 0.041);
 border-radius: 40px;   
 height: 8vh;
 width: 30vh;
}
.Goh2 {
  position: absolute;
  font-weight: 900;
  font-size: 3vh;
  margin-top: 23%;
  left: -2%;
  color: #000000;               
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(255, 255, 255) 49%,
    rgba(0, 0, 0, 0) 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;            
  animation: scan-shine 10s infinite;
}

.popular {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 900;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.041);
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.199);
  top: 29vh;
  left: 9%;
  height: 16vh;
  width: 80%;
}
.Radel {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.048);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.103);
  height: 0vh;
  width: 45vh;
  bottom: 21.5vh;
  left: -2.5vh;
}
.Name {
  background-color: rgba(255, 255, 255, 0.041);
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.199);
  position: absolute;
  text-align: center;
  font-weight: 900;
  font-size: 2.5vh;
  left: 4.5vh;
  bottom: 16vh;
  height: 3.5vh;
  width: 30vh;
}
.Secury {
  text-align: center;
  position: absolute;
  color: whitesmoke;
  text-decoration: none;
  font-weight: 900;
  background-color: rgba(0, 60, 255, 0.123);
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  width: 30vh;
  height: 3vh;
  left: 3vh;
  top: 1.8vh;
}
.random {
  text-align: center;
  position: absolute;
  color: whitesmoke;
  text-decoration: none;
  font-weight: 900;
  background: linear-gradient(80deg, rgba(255, 230, 0, 0.171), rgba(255, 0, 0, 0.151), rgba(0, 0, 255, 0.199));
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  width: 23vh;
  height: 3vh;
  left: 11.5vh;
  bottom: 6.2vh;
}
.Game {
  text-align: center;
  position: absolute;
  color: whitesmoke;
  text-decoration: none;
  font-weight: 900;
  background: linear-gradient(80deg, rgba(195, 0, 255, 0.171), rgba(255, 0, 0, 0.151));
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  width: 23vh;
  height: 3vh;
  left: 8vh;
  bottom: 1.3vh;
}
.popularTools {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 900;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.041);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.199);
  top: 40vh;
  left: 9%;
  height: 30vh;
  width: 80%;
}
.NameTool {
  background-color: rgba(255, 255, 255, 0.041);
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.199);
  position: absolute;
  text-align: center;
  font-weight: 900;
  font-size: 2.5vh;
  left: -0.1vh;
  bottom: 30vh;
  height: 4vh;
  width: 40vh;
}
.RadelTool {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.048);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.103);
  height: 0vh;
  width: 45vh;
  bottom: 36vh;
  left: -2.5vh;
}
.MoreAllTl {
  position: absolute;
  width: 3vh;
  height: 3vh;
  top: 24.7vh;
  left: 34vh;
}
.fonTl {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.048);
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.103);
  width: 6vh;
  height: 6vh;
  left: 32.3vh;
  top: 23vh;
}
@keyframes shine {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes scan-shine {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}