/**
 *
 * @author Name: İbrahim Çakır
 * @author Mail: destek@rahatbilisim.com.tr
 * @author WebSite: https://rahatbilisim.com.tr/
*/

@-webkit-keyframes text {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@-moz-keyframes text {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@-o-keyframes text {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes text {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.text {
    background-image: linear-gradient(75deg, #8f343a, #26a65b, #1c86ee, #ffbe1c, #176093, #7af26d, #8e44ad, #c60, #cf4d35, #e0eeee, #6f42c1, #e83e8c, #dc3545, #fd7e14, #6c757d, #ffffff,#10ff00,#332b2c,#8e3e3e,#8df109,#cf4d35,#000000,#ff0000,#14c7fd) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: text 20s ease infinite !important;
    -moz-animation: text 20s ease infinite !important;
    -o-animation: text 20s ease infinite !important;
    animation: text 20s ease infinite !important;
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    font-weight: 100%;
    font-style: 16px;
    text-decoration: none
}

.text2 {
    background-image: linear-gradient(75deg, #1c86ee, #ffbe1c, #176093, #7af26d, #8e44ad, #c60, #cf4d35, #e0eeee) !important;
    background-size: 1200% 1200% !important;
    -webkit-animation: text 30s ease infinite !important;
    -moz-animation: text 30s ease infinite !important;
    -o-animation: text 30s ease infinite !important;
    animation: text 30s ease infinite !important;
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    font-weight: 100%;
    font-style: 16px;
    text-decoration: none
}

.server-alert {
    height: 40px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fbfbfb;
    font-weight: 500;
    color: black;
}