body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    margin: 0
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

:root {
    --code-gray: #141414;
    --green-spring: #bac4b8
}

::selection {
    background: #bac4b8;
    background: var(--green-spring);
    color: #141414;
    color: var(--code-gray)
}

@font-face {
    font-family: Neue Montreal;
    font-weight: 300;
    src: url(../NeueMontreal-Light.5120d70da9b588d02e72.otf) format("opentype")
}

@font-face {
    font-family: Neue Montreal;
    font-weight: 500;
    src: url(../NeueMontreal-Regular.17e21dd57858de06e544.otf) format("opentype")
}

@font-face {
    font-family: Neue Montreal;
    font-weight: 700;
    src: url(../NeueMontreal-Medium.b8bc39987e00659a8791.otf) format("opentype")
}

@font-face {
    font-family: Neue Montreal;
    font-weight: 800;
    src: url(../NeueMontreal-Bold.a554760220833fcd4ee5.otf) format("opentype")
}

@font-face {
    font-family: Timmons Ny;
    src: url(../Timmons-Ny-Regular.251169044d0c60e64364.otf) format("opentype")
}

@font-face {
    font-family: Neue World Condensed Light;
    font-weight: "Condensed Light";
    src: url(../NeueWorld-CondensedLight.b3754fed0265a7291208.otf)
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body,
html {
    background: #141414;
    background: var(--code-gray);
    color: #bac4b8;
    color: var(--green-spring);
    font-family: Neue Montreal, sans-serif;
    overflow-x: hidden;
    text-transform: uppercase;
    width: 100%
}

header {
    margin: 1em 0 0;
    padding: 3em 1em
}

header h1 {
    font-family: Neue Montreal, sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 85%
}

.socials {
    padding: 3em 1em
}

.socials .social-links .link {
    margin: 1em 0
}

.socials .social-links .link a {
    color: #bac4b8;
    color: var(--green-spring);
    font-family: Neue Montreal, sans-serif;
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 80%;
    text-decoration: none
}

footer {
    display: flex;
    flex-direction: column;
    margin: 2em 0;
    padding: 1em
}

footer p {
    font-size: 10px;
    font-weight: 700;
    line-height: 120%
}

.desktop-version {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    padding: 2em;
    width: 100%
}

.desktop-version p {
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin: 0 auto;
    text-align: center;
    width: 60%
}


/*# sourceMappingURL=main.434c64c4.css.map*/