:root {

}

/* payout */

html:has(.payout-cert-card) {
    height: 1200px;
    width: 1000px;
}

.payout-cert-card {
    height: 1200px;
    width: 1000px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0;
}

.payout-cert-card-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: absolute;
}

.payout-cert-card-subtitle {
    color: white;
    font-size: 23px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: -1.3px;
    opacity: .5;
}

.payout-cert-card-value-small {
    color: rgb(5, 196, 160);
    font-size: 75px;
    font-weight: 700;
    line-height: 92px;
    letter-spacing: -4.4px;
}

.payout-cert-card-value-big {
    color: rgb(5, 196, 160);
    font-size: 123px;
    font-weight: 700;
    line-height: 152px;
    letter-spacing: -7.3px;
}

/* upgrade */

html:has(.upgrade-cert-card) {
    height: 210mm;
    width: 297mm;
}

.upgrade-cert-card {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 0;
}

    .upgrade-cert-card img {
        height: 210mm;
        width: 297mm;
    }

.upgrade-cert-card-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding-left: 42mm;
    position: absolute;
}

.upgrade-cert-title-container {
    margin-top: 105mm;
    text-align: center;
    padding-left: 65mm;
    margin-top: 106mm;
}

.upgrade-cert-title {
    color: rgb(5, 196, 160);
    font-family: 'Bickham Script Pro', sans-serif;
    font-size: 29mm;
    font-weight: 400;
    line-height: 8mm;
    max-width: 140mm;
    white-space: nowrap;
}

.upgrade-cert-description {
    color: white;
    font-size: 3mm;
    font-weight: 400;
    line-height: normal;
    margin-top: 16mm;
    max-width: 166mm;
}