.family-1{
    font-family: Florence, cursive;;
}

/*
============================================
Colors
 */
.color-1{
    color: #001199;
}
.color-2{
    color: green;
}
.color-3{
    color: chartreuse;
}
.color-4{
    color: #444444;
}
.color-5{
    color: #cc0000;
}
.color-6{
    color: white;
}
/*
=============================================
Font Size
 */



/*
============================================
Background Color Animation
 */

.animation-1{
    animation: colorchange 10s linear infinite; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 10s linear infinite; /* Chrome and Safari */
}

@keyframes colorchange
{
    0%   {background: aqua;}
    25%  {background: darkkhaki;}
    50%  {background: lightcyan;}
    75%  {background: lightyellow;}
    100% {background: mediumslateblue;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
    0%   {background: aqua;}
    25%  {background: darkkhaki;}
    50%  {background: lightcyan;}
    75%  {background: lightyellow;}
    100% {background: mediumslateblue;}
}