.pp-gradient-text {
    background-image: linear-gradient(to right, #ffafc7, #73d7ee, #613915, #000, #e50000, #ff8d00, #ffee00, #028121, #004cff, #760088);
    --bs-text-opacity: 1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.trans-gradient-text {
    background-image: linear-gradient(to right, #ffafc7, #ffafc7, #fff, #73d7ee, #73d7ee);
    --bs-text-opacity: 1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.les-gradient-text {
    background-image: linear-gradient(to right, #d62800, #ff9b56, #d462a6, #a40062);
    --bs-text-opacity: 1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gay-gradient-text {
    background-image: linear-gradient(to right, #e50000, #ff8d00, #ffee00, #028121, #004cff, #760088);
    --bs-text-opacity: 1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.big {
    font-size: max(min(14vw, 9vh));
    margin-bottom: 0;
}

.side-grad {
    background: linear-gradient(to left, rgba(255, 255, 255, 0.4) 0%, rgba(33, 37, 41, 1) 2%, rgba(33, 37, 41, 1) 98%, rgba(255, 255, 255, 0.4) 100%),
    linear-gradient(to bottom, #e50000, #ff8d00, #ffee00, #028121, #004cff, #760088);
    background-repeat: no-repeat;
    background-attachment: fixed;
}