:root {
    --bg-color: #0a0a0a;
    --font-color: #f1f2f6;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--font-color);
    margin: 0;
    padding: 0;
    background-color: var(--bg-color);
}

.hidden {
    display: none;
}

.welcome-text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
}

.welcome-content {
    font-size: 3em;
}

.fade-in-text {
    opacity: 0;
    animation: fadeIn 3s forwards;
}

.fade-out-text {
    opacity: 1;
    animation: fadeOut 2s forwards;
}

/* Animations */

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}