body {
    margin: 0;
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(1, 122, 234, .12) 0%,
            rgba(1, 122, 234, .04) 25%,
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #020817 0%,
            #06152b 50%,
            #020611 100%
        );

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.welcome-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcome-logo img {
    width: min(280px, 50vw);
    height: auto;

    animation: coderupGlow 4s ease-in-out infinite;

    filter:
        drop-shadow(0 0 12px rgba(255, 255, 255, .15))
        drop-shadow(0 0 30px rgba(0, 122, 234, .18));
}

.nome-logo {
    width: 250px;
    text-align: center;
}

.nome-logo img {
    width: min(220px, 50vw);
    height: auto;
    margin-bottom: -10px;
}

@keyframes coderupGlow {

    0%, 100% {
        filter:
            drop-shadow(0 0 10px rgba(255, 255, 255, .12))
            drop-shadow(0 0 22px rgba(0, 122, 234, .14));

        transform: scale(1);
    }

    50% {
        filter:
            drop-shadow(0 0 18px rgba(255, 255, 255, .22))
            drop-shadow(0 0 42px rgba(0, 122, 234, .25));

        transform: scale(1.015);
    }
}