@font-face {
    font-family: 'IcyMat';
    src: url('https://static.icymat.eu/fonts/icymat.ttf');
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.icymat {
    font-family: 'IcyMat' !important;
    font-style: normal !important;
}

.icymat.logo::after {
    content: "I";
}

.icymat.andra::after {
    content: "A";
}

.icymat.ai::after,
.icymat.ai-mono::after {
    content: "à";
}

.icymat.ai-old::after {
    content: "a";
}

.icymat.ai::after,
.icymat.ai-old::after {
    background: linear-gradient(
        to right,
        #ffa100 20%,
        #ab00ff 50%,
        #ff6400 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

.icymat.design::after {
    content: "d";
}

.icymat.imid::after {
    content: "i";
}

.icymat.nyumba::after {
    content: "n";
}

.icymat.nyumba-outline::after {
    content: "ñ";
}

.icymat.roslinka::after {
    content: "r";
}

.icymat.roslinka-leaf::after {
    content: "!";
}