import '@babel/polyfill' ; import styled from 'styled-components' ; export const ColoredText = styled . div `
    font-weight: bold;
    color: #1890ff;
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(to right, #1890ff 25%, #c4ce35 50%, #ac24e2 75%, #1890ff 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 300% auto;
    &.static {
        background-position: -215% center;
    }
    &.animated {
        @keyframes text-gradient {
            to {
                background-position: -300% center;
            }
        }
        animation: text-gradient 16s ease-in-out infinite;
    }
` ; export const Logo = styled ( ColoredText ) `
    text-align: center;
    font-size: 19px;
` ;