body {
    background-color: #2b323e;
    font-family: Poppins, sans-serif;
}

.wrap {
    margin: auto;
    width: 60%;
    padding: 10px;
}

.logo-text {
    font-family: Poppins, sans-serif;
    font-size: 5em;
    font-weight: 900;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}

#code-box {
    margin-top: 10rem;
}

.random-code {
    margin: 20px;
    border-radius: 16px;
    box-shadow: 0 0 0 10px hsla(0,0%,100%,.9), 0 15px 25px #00000042;
    color: #fff;
    font-size: 2rem !important;
    letter-spacing: .125em;
    overflow: hidden;
    padding: 1.50rem;
    position: relative;
    text-decoration: none !important;
    transition: .2s;
    white-space: nowrap;
}

.random-code:hover {
    font-size: 2.3rem !important;
}

.sub-title, .title {
    font-family: Poppins, sans-serif;
    font-weight: 800;
    -webkit-hyphens: manual;
    hyphens: manual;
    text-align: center;
}

.a-no-style {
    text-decoration: none;
    color: #fff;
}

.referral-reward-text {
    color: hsla(0,0%,100%,.6) !important;
    margin-top: 8rem;
    font-size: 1.2rem !important;
    transition: .2s;
}





/* --img-logo: url(/assets/img/logo/logo.png);
    --color-background-primary: #2b323e;
    --color-background-secondary: #202225;
    --color-white: #fff;
    --color-grey: #ccc;
    --color-a: #fff;
    --color-logo-title: #fff;
    --color-logo-subtitle: hsla(0,0%,100%,.8);
    --color-text-underline: #fff;
    --color-text-light: hsla(0,0%,100%,.6);
    --color-footer-background: rgba(32,34,37,.5);
    --color-footer-border: #35383e;
    --color-rewards-row-odd: hsla(0,0%,100%,.03);
    --color-rewards-row-even: hsla(0,0%,100%,.09);
    --color-banner-background: #242526;
    --color-banner-border: #ffffff10;
    --color-banner-shadow: #00000040;
    --color-banner-button: #fff;
    --color-banner-button-text: #000;
    --color-banner-button-shadow: hsla(0,0%,100%,.25);
    --color-code-box-border: hsla(0,0%,100%,.9);
    --color-code-box-shadow: #00000042;
    --color-code-box-border-hover: hsla(0,0%,100%,.9);
    --color-code-box-shadow-hover: #242526;
    --opacity-code-box: .5;
    --color-dropdown-content-background: #131924;
    --color-dropdown-content-border-hover: hsla(0,0%,100%,.25);
    --color-dropdown-content-shadow-hover: #00000030;
    --color-dropdown-item-background: #ffffff26;
    --color-dropdown-item-border: hsla(0,0%,78%,.05);
    --color-dropdown-item-background-hover: #fff;
    --color-dropdown-item-text-hover: #000;
    --color-dropdown-item-active-background: #ffffff40;
    --color-dropdown-item-active-text: #ffffff80;
    --color-dropdown-item-active-background-hover: #ffffff40;
    --color-dropdown-item-active-text-hover: #ffffff80;
    --color-tooltip-background: #181b21;
    --color-tooltip-border: hsla(0,0%,100%,.25);
    --color-tooltip-shadow: #00000060;
    --color-tooltip-arrow-border: hsla(0,0%,100%,.25);
    --color-rewards-table-text: #fff;
    --color-rewards-table-background: hsla(0,0%,100%,.25);
    --color-rewards-table-background-hover: #494d56;
    --color-rewards-table-border-hover: hsla(0,0%,100%,.25);
    --color-rewards-table-shadow-hover: rgba(0,0,0,.14);
    --color-rewards-table-first-child-background: hsla(0,0%,100%,.17);
    --filters-footer-img: opacity(0.3) invert(1);
    --color-checkbox-checkmark-background: #ffffff0d;
    --color-checkbox-checkmark-background-hover: #ffffff1a;
    --color-checkbox-checkmark-background-checked: hsla(0,0%,100%,.91);
Show all properties (21 more)
} */