.splash
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;

    .logo
    {
        animation: latido 1.5s infinite ease-in-out;
        display: flex;
        align-items: center;
        gap: 18px;

        img
        {
            width: 4rem;
            height: auto;
            max-width: 80%;
            border-radius: 22%;
            corner-shape: squircle;
            --elevation-rgb: 255, 241, 96;
        }

        h3
        {
            font-family: Roboto, Helvetica, Arial, sans-serif;
            font-size: 3rem;
            font-weight: 600;
            color: #333;
        }
    }
}
@keyframes latido {
    50% { opacity: .75; }
}