.orange-text-gradient {
    background: #f12711;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top,
            #f12711,
            #f5af19);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top,
            #f12711,
            #f5af19);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.green-text-gradient {
    background: #11998e;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top,
            #11998e,
            #38ef7d);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top,
            #11998e,
            #38ef7d);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blue-text-gradient {
    /* background: -webkit-linear-gradient(#eee, #333); */
    background: #56ccf2;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top,
            #2f80ed,
            #56ccf2);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top,
            #2f80ed,
            #56ccf2);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pink-text-gradient {
    background: #ec008c;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top,
            #ec008c,
            #fc6767);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top,
            #ec008c,
            #fc6767);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.html {
    color: #CB4013;
}

.javascript {
    background: #E1CE4D;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to top,
            #E1CE4D,
            #E1CE4D);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top,
            #E1CE4D,
            #E1CE4D);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}