body {
    margin: 0;
    height: 100vh;
    background: black;
    color: white;
    display: flex;
        flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Arial, sans-serif;
}
.blackhole {
     width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, #000 50%, rgba(100,0,150,0.5) 90%);
  box-shadow: 0 0 60px rgba(150,0,255,0.7);
  animation: pulse 3s infinite ease-in-out;
}
@keyframes spin {
  from { transform: rotate(0deg) scale(1); }
  to { transform: rotate(360deg) scale(1); }
}
a{
    text-decoration: none;
}
.nickname {
color: white;
  font-family: Arial, sans-serif;
  transition: all 0.3s ease; /* плавность */
  cursor: pointer; 
}
.nickname:hover {
    color: #fff;
    text-shadow: 0 0 10px rgba(180, 0, 255, 0.9), 0 0 20px rgba(180, 0, 255, 0.7);
}
nav {
  margin-top: 15px;
}
nav a {
  color: #aaa; 
  text-decoration: none;
  margin: 0 15px;
  font-size: 16px;
  transition: all 0.3s ease; /* плавность при наведении */
}

nav a:hover {
  color: #fff; /* белый при наведении */
  text-shadow: 0 0 8px rgba(180, 0, 255, 0.9); 
}
@keyframes {
    0%, 100%{
        box-shadow: 0 0 40px 20px rgba(180, 0, 255, 0.6);
    }
    50% {
        box-shadow: 0 0 70px 30px rgba(180, 0, 255, 1);
    }
}
section {
    display: none;
    color: white;
    text-align: center;
    padding: 40px;
}
section.active {
    display: block;
}