@charset "UTF-8";
body { font-family: "ProximaNova"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #171f66; color: white; position: relative; min-height: 100vh; }

main section, footer { padding: 5rem; }

a { color: white; text-decoration: none; }

a:link, a:visited, a:hover, a:active { text-decoration: none; color: white; }

.btn { text-decoration: none; color: white; display: flex; flex-direction: row; align-items: center; column-gap: 8px; padding: 12px 16px; border-radius: 99px; cursor: pointer; transition: color .2s ease, background-color .2s ease; font-weight: 700; font-size: 16px; line-height: 24px; height: 40px; flex-shrink: 1; /* allows shrinking */ width: fit-content; }

.btn:hover { background-color: rgba(255, 255, 255, 0.06); }

.btn.light { background-color: rgba(255, 255, 255, 0.06); }

.btn.light:hover { background-color: rgba(255, 255, 255, 0.12); }

.btn.extra_light { background-color: rgba(255, 255, 255, 0.12); }

.btn span { font-weight: 400; }

.btn.active { background-color: rgba(255, 255, 255, 0.06); }

@media screen and (max-width: 1000px) { .btn.active_mobile { background-color: rgba(255, 255, 255, 0.06); } }

span.underline { text-decoration: underline; text-decoration-color: currentColor; /* optional */ text-decoration-thickness: auto; /* or a length like 2px */ text-decoration-style: solid; /* solid | double | dotted | dashed | wavy */ text-underline-offset: 6px; }

h1, h2, h3, h4, h5, h6, p, span { -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6, #h1_subtitle, .h2_subtitle, .h3_subtitle { word-break: break-word; }

.h_center { text-align: center; }

h1 { display: inline-block; font-weight: 700; margin-top: 0; text-align: center; }

h1.gradient { background: linear-gradient(90deg, #fff 10%, #fff 40%, #fffc 60%, #fffc 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

#h1_subtitle { font-weight: 700; margin-top: 0; color: rgba(255, 255, 255, 0.8); text-align: center; }

h2 { font-weight: 700; letter-spacing: -0.3px; background: linear-gradient(90deg, #fff 10%, #fff 40%, #fffc 60%, #fffc 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 0; text-align: center; }

.h2_subtitle { font-weight: 500; letter-spacing: 0.23px; margin-top: 0; color: rgba(255, 255, 255, 0.8); text-align: center; }

h3 { font-weight: 700; letter-spacing: -0.2px; background: linear-gradient(90deg, #fff 10%, #fff 40%, #fffc 60%, #fffc 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-top: 0; text-align: center; }

.h3_subtitle { font-weight: 400; letter-spacing: 0.23px; margin-top: 0; color: #b3b3b4; text-align: center; }

h4 { text-align: left; font-weight: 700; font-size: 26px; line-height: 32px; margin-bottom: 12px; }

/* small phones → larger phones */
@media (min-width: 360px) { /* tweaks */ }

@media (max-width: 767px) { main section { align-items: flex-start !important; justify-content: flex-start !important; } main section, footer { padding: 5rem 19px; } h1 { text-align: left; font-size: 48px; margin-bottom: 16px; line-height: 50px; } #h1_subtitle { text-align: left; font-size: 22px; font-weight: 400; line-height: 30px; margin-bottom: 0px; } h2 { text-align: left; font-size: 48px; line-height: 50px; margin-bottom: 16px; } .h2_subtitle { text-align: left; font-size: 22px; line-height: 30px; margin-bottom: 24px; font-weight: 400; } h3 { text-align: left; font-weight: 700; font-size: 32px; line-height: 38px; margin-bottom: 8px; } .h3_subtitle { text-align: left; font-size: 18px; font-weight: 400; line-height: 28px; color: #b3b3b3; margin-bottom: 32px; } h4 { text-align: left; font-weight: 700; font-size: 26px; line-height: 32px; margin-bottom: 12px; } p { text-align: left; font-size: 18px; font-weight: 400; line-height: 28px; color: #b3b3b3; margin-bottom: 32px; } }

/* tablet */
@media (min-width: 768px) { h1 { font-size: 56px; font-weight: 700; line-height: 60px; margin-bottom: 16px; } #h1_subtitle { font-size: 22px; font-weight: 400; line-height: 30px; margin-bottom: 24px; } h2 { font-size: 56px; font-weight: 700; line-height: 60px; margin-bottom: 16px; } .h2_subtitle { font-size: 22px; font-weight: 400; line-height: 30px; margin-bottom: 24px; } h3 { font-size: 38px; line-height: 42px; margin-bottom: 8px; } .h3_subtitle { font-size: 22px; line-height: 30px; margin-bottom: 41px; } }

/* small desktop */
@media (min-width: 1024px) { /* content widths, sidebars */ /* two-column layouts, larger type */ h1 { font-size: 56px; font-weight: 700; line-height: 60px; margin-bottom: 16px; } #h1_subtitle { font-size: 32px; line-height: 38px; margin-bottom: 8px; } h2 { font-size: 56px; font-weight: 700; line-height: 60px; margin-bottom: 16px; } .h2_subtitle { font-size: 28px; font-weight: 400; line-height: 36px; margin-bottom: 24px; } h3 { font-size: 48px; line-height: 50px; margin-bottom: 8px; } .h3_subtitle { font-size: 22px; line-height: 30px; margin-bottom: 41px; } }

/* large desktop */
@media (min-width: 1440px) { /* widen containers, increase spacing */ /* two-column layouts, larger type */ h1 { font-size: 72px; margin-bottom: 36px; } #h1_subtitle { font-size: 32px; line-height: 38px; margin-bottom: 8px; } h2 { font-size: 72px; line-height: 73px; margin-bottom: 24px; } .h2_subtitle { font-size: 32px; line-height: 39px; margin-bottom: 24px; } h3 { font-size: 56px; line-height: 60px; margin-bottom: 8px; } .h3_subtitle { font-size: 22px; line-height: 30px; margin-bottom: 36px; } }

input { font-family: "ProximaNova"; }

/*# sourceMappingURL=typography.css.map */