@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.cdnfonts.com/s/14955/ProductSans-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 500;
    src: url('https://fonts.cdnfonts.com/s/14955/ProductSans-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Google Sans';
    font-style: normal;
    font-weight: 700;
    src: url('https://fonts.cdnfonts.com/s/14955/ProductSans-Bold.woff') format('woff');
}

.bg-gradient-animated {
    background-size: 200% 200%;
    animation: gradientMove 8s ease infinite;
}

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

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

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