* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(270deg, #000, #ff0000);
    background-size: 400% 400%;
    animation: gradientAnimation 15s ease infinite;
}

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

.container {
    text-align: center;
}

.main-text {
    font-size: 5rem;
    color: #ff004f; /* Neon crimson red */
    text-shadow: 0 0 10px #ff004f, 0 0 20px #ff004f;
}

.sub-text {
    font-size: 2rem;
    color: #ff004f; /* Neon crimson red */
    text-shadow: 0 0 10px #ff004f, 0 0 20px #ff004f;
}

.discord-button {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
    font-size: 1.5rem;
    color: #ffffff;
    background-color: #ff004f; /* Neon crimson red */
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 0 10px #ff004f, 0 0 20px #ff004f;
    transition: background-color 0.3s, transform 0.3s;
}

.discord-button:hover {
    background-color: #e6003f;
    transform: scale(1.05);
}