.main_container {
    background: url(./IMG_20200613_215756_crop.jpg);
    position: page;
    background-origin: border-box;
    background-clip: border-box;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: contain;
    width: auto;
    height: auto;
}

:root {
    --main-background: #ff0000;
    --main-foreground: #ffffffc0;
    /*--hero-gradient-background: linear-gradient(226.69deg, #5fc7ba 8.52%, rgba(0, 255, 224, 0) 44.91%);*/
    /*--hero-gradient-foreground: linear-gradient(150.8deg, #ff80eb 1.2%, rgba(255, 0, 214, 0) 56.67%);*/
    --border-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)
}

.main_header {
    position: fixed;
    z-index: 2;
    top: 38px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;

    max-width: calc(var(--scale-factor, 1) * 1170px)
}

.main_header_title {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 32px);
    font-weight: 700;
    line-height: 1.41;

    -webkit-text-stroke-width: 0.02em;
    -webkit-text-stroke-color: #323232a0;
}

.main_header_content {
    background-color: var(--landing-foreground);
    border-radius: 48.5px;
    color: var(--landing-background);
    padding: 4px 16px
}

.main-text-body {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 18px);
    font-weight: 400;
    line-height: 1.78;

    -webkit-text-stroke-width: 0.01em;
    -webkit-text-stroke-color: rgba(128, 0, 0, 0.6);
}

.main_points_point {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(242.8deg, #ffffff 47.74%, rgba(255, 255, 255, 0) 89.99%);
    -webkit-text-fill-color: #80808080;
    text-fill-color: #80808080;
    text-align: center;

    -webkit-text-stroke-width: 0.01em;
    -webkit-text-stroke-color: rgba(128, 0, 0, 0.6);
}

.-main-flex-row {
    display: flex;
    flex-wrap: nowrap
}

.-main-flex-align-center {
    align-items: center
}

.main_header_brand {
    margin-right: auto;
    margin-left: auto;
    alignment: center;
}

.-main-unlink {
    color: initial;
    text-decoration: none
}

.main_header_join-us {
    margin-right: 28px
}

.-main-text-body {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 18px);
    font-weight: 400;
    line-height: 1.78
}

.-main-text-h1 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 85px);
    font-weight: 700;
    line-height: 1.41
}

.-main-text-h2 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 45px);
    font-weight: 700;
    line-height: 1.42
}

.-main-text-h3 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 55px);
    font-weight: 700;
    line-height: 1.36
}

.-main-text-h4 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 45px);
    font-weight: 700;
    line-height: 1.42
}

.-main-text-h5 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 32px);
    font-weight: 700;
    line-height: 1.41
}

.-main-text-h6 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 25px);
    font-weight: 700;
    line-height: 37px
}

.-menu-text-h6 {
    font-family: Poppins, sans-serif;
    font-size: calc(var(--scale-factor, 1) * 25px);
    font-weight: 700;
    line-height: 37px;

    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(269.95deg, #60c7bb .02%, #fd7de8 95.06%);
    -webkit-text-fill-color: #80808080;
    text-fill-color: #80808080;
    text-align: center;

    -webkit-text-stroke: 0.01em rgba(128, 0, 0, 0.6);
}

.main_title {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(98.11deg, #33e3ce 33.26%, #af3ff3 94.16%);

    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    text-align: center;
    width: auto;
    margin: 5px 24px 4px;
}

.main_menu {
}


.main_socials {
    --social-icon-gap: 8px;
    --social-icon-size: 50px;
    display: flex;
    flex-wrap: nowrap
}

.main_socials_link {
    margin-right: var(--social-icon-gap)
}

.main_socials_link:first-child {
    margin-left: auto
}

.main_socials_link:last-child {
    margin-right: auto
}

.main_socials {
    --main_social-icon-gap: 8px;
    --main_social-icon-size: 40px;
    display: flex;
    flex-wrap: nowrap
}

.main_socials_icon {
    width: var(--main_social-icon-size);
    height: var(--main_social-icon-size);
    object-fit: contain;
}