.tf-elasticsearch-pt1::before {
    color: #019B8F;
}

.tf-elasticsearch-pt2::before {
    color: #D7A229;
}

.tf-elasticsearch-pt3::before {
    color: #231F20;
}

.tf-elasticsearch-pt4::before {
    color: #07A5DE;
}

.tf-elasticsearch-pt5::before {
    color: #3EBEB0;
}

.tf-elasticsearch-pt6::before {
    color: #F0BF1A;
}

.tf-mongodb-pt1::before {
    color: #BAC5C3;
}

.tf-mongodb-pt2::before {
    color: #13AD50;
}

.tf-mongodb-pt3::before {
    color: #0E9450;
}

.tf-vue-pt1::before {
    color: #34495E;
}

.tf-vue-pt2::before {
    color: #40B883;
}

.tf-javascript-pt1::before {
    color: #FFD93C;
}

.tf-javascript-pt2::before {
    color: #D6BA32;
}

.tf-css-pt1::before {
    color: rgba(0, 0, 0, 0.1);
}

.tf-css-pt2::before {
    color: #2965F0;
}

.tf-css-pt3::before {
    color: #264DE4;
}

.tf-html-pt1::before {
    color: rgba(0, 0, 0, 0.1);
}

.tf-html-pt2::before {
    color: #EF652A;
}

.tf-html-pt3::before {
    color: #E34F26;
}

.tf-nuxt-pt1::before {
    color: #01DC81;
}

.tf-nuxt-pt2::before {
    color: #80EDC0;
}

.tf-cloudflare-pt1::before {
    color: #FAAE40;
}

.tf-cloudflare-pt2::before {
    color: #F38020;
}

.tf-python-pt1::before {
    color: #3675A8;
}

.tf-python-pt2::before {
    color: #FFCB3E;
}

.tf-background::before {
    color: #eee;
}

.tf-vite-pt1::before {
    background: -moz-linear-gradient(top left, #FFEA83 0%, #FFA800 100%);
    background: -webkit-linear-gradient(top left, #FFEA83 0%, #FFA800 100%);
    background: linear-gradient(to bottom right, #FFEA83 0%, #FFA800 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tf-vite-pt2::before {
    background: -moz-linear-gradient(top left, #41D1FF 0%, #BD34FE 100%);
    background: -webkit-linear-gradient(top left, #41D1FF 0%, #BD34FE 100%);
    background: linear-gradient(to bottom right, #41D1FF 0%, #BD34FE 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

[class^="tf-"][class*="-pt"],
[class*=" tf-"][class*="-pt"],
.tf-background,
.tf-blank {
    grid-column: 1;
    grid-row: 1;
}

[class^="tf-"][class*="-clr"],
[class*=" tf-"][class*="-clr"],
[class^="tf-"][class*="-clr-b"],
[class*=" tf-"][class*="-clr-b"] {
    display: inline-table;
}

.tf-wrapper {
    display: grid;
}