.georgia {
    font-family: "Georgia", serif;
}

.palatino {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.times {
    font-family: "Times New Roman", Times, serif;
}

.arial {
    font-family: "Arial", Helvetica, sans-serif;
}

.arialblack {
    font-family: "Arial Black", Gadget, sans-serif;
}

.comicsans {
    font-family: "Comic Sans MS", cursive, sans-serif;
}

.impact {
    font-family: "Impact", Charcoal, sans-serif;
}

.lucida {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.tahoma {
    font-family: "Tahoma", Geneva, sans-serif;
}

.trebuchet {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.verdana {
    font-family: "Verdana", Geneva, sans-serif;
}

.courier {
    font-family: "Courier New", Courier, monospace;
}

.lucidaConsole {
    font-family: "Lucida Console", Monaco, monospace;
}

.White {
    color: #FFFFFF;
}

.Aqua {
    color:#00FFFF;
}

.Fushia {
    color: #FF00FF;
}

.Yellow {
    color: #FFFF00;
}

.Silver {
    color: #C0C0C0;
}

.Red {
    color: #FF0000;
}

.Lime {
    color: #00FF00;
}

.Blue {
    color: #0000FF;
}

.Gray {
    color: #808080;
}

.Teal {
    color: #008080;
}

.Purple {
    color: #800080;
}

.Olive {
    color: #808000;
}

.Black {
    color: #000000;
}

.Maroon {
    color: #800000;
}

.Green {
    color: #008000;
}

.Navy {
    color: #000080;
}

[data-font-color="White"]:before {
    background-color: #FFFFFF;
}

[data-color-value="Aqua"]:before {
    background-color: #00FFFF;
}

[data-color-value="Fushia"]:before {
    background-color: #FF00FF;
}

[data-color-value="Yellow"]:before {
    background-color: #FFFF00;
}

[data-color-value="Silver"]:before {
    background-color: #C0C0C0;
}

[data-color-value="Red"]:before {
    background-color: #FF0000;
}

[data-color-value="Lime"]:before {
    background-color: #00FF00;
}

[data-color-value="Blue"]:before {
    background-color: #0000FF;
}

[data-color-value="Gray"]:before {
    background-color: #808080;
}

[data-color-value="Teal"]:before {
    background-color: #008080;
}

[data-color-value="Purple"]:before {
    background-color: #800080;
}

[data-color-value="Olive"]:before {
    background-color: #808000;
}

[data-color-value="Black"]:before {
    background-color: #000000;
}

[data-color-value="Maroon"]:before {
    background-color: #800000;
}

[data-color-value="Green"]:before {
    background-color: #008000;
}

[data-color-value="Navy"]:before {
    background-color: #000080;
}