body {
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    top: 0px;
    left: 0px;
    background: var(--color_scale_3) 0% 0% no-repeat padding-box;
    background: #F2F2F2 0% 0% no-repeat padding-box;
    opacity: 1;
}
.topbar {
    padding-top: 48px;
    padding-right: 48px;
    padding-left: 48px;
    margin-bottom: 103px;
    display:flex;
    justify-content: space-between;
    align-items: center;
    opacity: 1;
}

img.logo {

    width:223px;
    height:50px;
    opacity: 1;
}

img.niuplogo {
    position: absolute;
    width: 332px;
    height: 376px;
    right: 0;
    bottom: 0;
    opacity: 1;
}

img.logomini {
    opacity: 1;
    width:134px;
    height:30px;
    opacity: 1;
}

img.niupons {
    opacity:1;
}

.container {
    position: relative;
   
}

.stars{
    position: absolute;
    top: 10%;   
    z-index: -1;
}

h1, h2{
    margin: 0;
}

button {
    cursor: pointer;
    margin-top:24px;
    background: #244C99 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    border: none;
    outline: none;
    color: white;
    padding: 10px 24px;
    font-size: 14px;
}

h1 {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-48)/var(--unnamed-line-spacing-56) var(--unnamed-font-family-source-sans-pro);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--color_scale_12);
    text-align: center;
    font: normal normal 600 48px/56px Source Sans Pro;
    letter-spacing: 0px;
    color: #181818;
    opacity: 1;
    margin-bottom: 8px;
    margin-top: 48px;
}
h2 {
    font: var(--unnamed-font-style-normal) normal normal var(--unnamed-font-size-22)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-source-sans-pro);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--color_scale_10);
    text-align: center;
    font: normal normal normal 22px/26px Source Sans Pro;
    letter-spacing: 0px;
    color: #787878;
    margin-bottom: 8px;
    opacity: 1;
}

:root {

    /* Colors: */
    --color_scale_3: #F2F2F2;
    --niup-me_primary: #28AACA;
    --niup-me_secondary: #282828;
    --color_scale_10: #787878;
    --color_scale_4: #E8E8E8;
    --color_scale_8: #B8B8B8;
    --black: #000000;
    --white: #FFFFFF;
    --info: #4EBECB;
    --color_scale_12: #181818;
    --color_scale_1: #FCFCFC;
    --color_scale_11: #484848;
    --color_scale_9: #9A9A9A;
    --color_scale_7: #CACACA;
    --color_scale_6: #D4D4D4;
    --color_scale_5: #DEDEDE;
    --color_scale_2: #F6F6F6;
    --error_dark: #7E0000;
    --error: #A80000;
    --error_light: #BE4040;
    --warning_dark: #CC8800;
    --warning: #F6A400;
    --warning_light: #FFC44D;
    --success_dark: #42AE8A;
    --success: #4ECCA2;
    --success_light: #84DCBF;
    --info_dark: #42A2AD;
    --info_light: #71CBD6;
    --unnamed-color-252525: #252525;
    
    /* Font/text values */
    --unnamed-font-family-source-sans-pro: Source Sans Pro;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-600: 600px;
    --unnamed-font-size-12: 12px;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-22: 22px;
    --unnamed-font-size-26: 26px;
    --unnamed-font-size-32: 32px;
    --unnamed-font-size-48: 48px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-16: 16px;
    --unnamed-line-spacing-20: 20px;
    --unnamed-line-spacing-22: 22px;
    --unnamed-line-spacing-24: 24px;
    --unnamed-line-spacing-26: 26px;
    --unnamed-line-spacing-30: 30px;
    --unnamed-line-spacing-36: 36px;
    --unnamed-line-spacing-56: 56px;
    }
    
    /* Character Styles */
    .heading-8 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-16);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-7 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-6 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-16);
    line-height: var(--unnamed-line-spacing-22);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-5 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-24);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-4 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-22);
    line-height: var(--unnamed-line-spacing-26);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-3 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-26);
    line-height: var(--unnamed-line-spacing-30);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-2 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-32);
    line-height: var(--unnamed-line-spacing-36);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }
    .heading-1 {
    font-family: var(--unnamed-font-family-source-sans-pro);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-600);
    font-size: var(--unnamed-font-size-48);
    line-height: var(--unnamed-line-spacing-56);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-252525);
    }