$text-color: #FF0000;

label, text, textentry, i {
    font-family: 'Andale Mono';
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 4px 4px rgba( black, 0.25 );

    &.uppercase {
        text-transform: uppercase;
    }

    &.no-shadow {
        text-shadow: none;
    }

    &.small {
        font-size: 16px;
    }

    .grow {
        flex-grow: 1;
    }

    &.slight {
        color: rgb(190, 190, 190);
        text-shadow: 0 4px 4px rgba( black, 0.50 );
    }

    &.emphasis {
        font-size: 21px;
        font-weight: bold;
    }

    &.important {
        font-size: 26px;
        font-weight: bold;
    }

    &.vital {
        font-size: 32px;
        font-weight: bold;
    }

    &.huge {
        font-size: 42px;
        font-weight: bold;
    }

    &.blue {
        color: $blue;
    }

    &.red {
        color: $red;
    }

    &.green {
        color: $green;
    }

    &.yellow {
        color: $yellow;
    }

    &.white {
        color: white;
    }

    &.grey {
        opacity: 0.5;
    }

    &.text-center {
        text-align: center;
    }

    &.icon {
        text-transform: lowercase;
        font-family: 'Andale Mono';
    }
}

i, icon, icon label {
    text-transform: lowercase;
    font-family: 'Andale Mono';
}