.sip-logo {
    animation: float 3s ease-in-out infinite;
}

.sip-name {
    width: 42.5ch;
    white-space: nowrap;
    overflow: hidden;
    border-right: 4px solid #212121;
    direction : rtl;
    animation: cursor 1s step-start infinite, text 5s steps(18) alternate infinite;
}

.sip-contact-us {
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}


@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes cursor {
    0%, 100% {
        border-color: #ffffff;
    }
}

@keyframes text {
    0% {
        width: 0;
    }

    100% {
        width: 42.5ch;
    }
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}