@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 100;
    src: local("SFRounded Thin"),local("SFRounded-Thin"),url(/fonts/subset-SFRounded-Thin.woff2) format("woff2"),url(/fonts/subset-SFRounded-Thin.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 200;
    src: local("SFRounded Ultralight"),local("SFRounded-Ultralight"),url(/fonts/subset-SFRounded-Ultralight.woff2) format("woff2"),url(/fonts/subset-SFRounded-Ultralight.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 300;
    src: local("SFRounded Light"),local("SFRounded-Light"),url(/fonts/subset-SFRounded-Light.woff2) format("woff2"),url(/fonts/subset-SFRounded-Light.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 400;
    src: local("SFRounded Regular"),local("SFRounded-Regular"),url(/fonts/subset-SFRounded-Regular.woff2) format("woff2"),url(/fonts/subset-SFRounded-Regular.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 500;
    src: local("SFRounded Medium"),local("SFRounded-Medium"),url(/fonts/subset-SFRounded-Medium.woff2) format("woff2"),url(/fonts/subset-SFRounded-Medium.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 600;
    src: local("SFRounded Semibold"),local("SFRounded-Semibold"),url(/fonts/subset-SFRounded-Semibold.woff2) format("woff2"),url(/fonts/subset-SFRounded-Semibold.woff) format("woff");
}

@font-face {
    font-display: swap;
    font-family: SFRounded;
    font-style: normal;
    font-weight: 700;
    src: local("SFRounded Bold"),local("SFRounded-Bold"),url(/fonts/subset-SFRounded-Bold.woff2) format("woff2"),url(/fonts/subset-SFRounded-Bold.woff) format("woff");
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
    font-family: SFRounded, system-ui, -apple-system, Segoe UI, SimSun, PingFang SC, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 14px;
    line-height: 17px;
    color: white;
    font-weight: 500;
    background: #212121;
}
body {
    padding: 0;
    margin: 0;
    text-align: center;
}
p {
    font-size: 15px;
    margin: .5rem 0;
    line-height: 1rem;
}
a {
    color: inherit;
    text-decoration: none;
}
.mail-link:hover  {
    opacity: .4;
}
.muted {
    opacity: .5;
}
.logo {
    width: 72px;
    height: 72px;
    margin-bottom: 20px;
}
.btn {
    border: none;
    padding: 15px 0;
    border-radius: 10px;
    cursor: pointer;
    /* font-size: 15px; */
}
.btn-blue {
    color: white;
    background-color: #0065f5;
    margin: 20px auto 10px auto;
    font-weight: 600;
    width: 220px;
    display: block;
}
.btn-blue:hover {
    background-color: #0f72ff;
}
.btn-grey {
    padding: 0;
    height: 38px;
    width: 100%;
    background-color: #2f2f2f;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-grey:hover {
    opacity: .9;
}
.btns-group {
    display: flex;
    width: 220px;
    gap: 10px;
    margin: 20px auto 20px auto;
}
.socials {
    width: 18px;
    height: auto;
}
.socials-twitter {
    width: 22px;
}
.socials-ton {
    width: 19px;
}
.wrapper {
    width: 100%;
    height: 100vh;
    max-height: 100%;
    overflow: hidden auto;
    display: flex;
    align-items: center;
}
.container {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    padding: 0 24px;
}