@charset "utf-8";


/* Font Import */

@import url("https://use.typekit.net/zpb0ojs.css");


/* Presettings */

* {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
margin: 0;
padding: 0;
color: inherit;
text-decoration: none;
font-weight: 400;
font-style: normal;
font-size: inherit;
font-family: "neue-haas-grotesk-text", sans-serif;
cursor: inherit;
user-select: none;
}

html, body {
overflow: hidden;
width: 100%;
height: 100%;
}

html {
background-color: black;
color: black;
text-transform: uppercase;
font-size: 2.658730158730159vw;
cursor: default;
}


/* Content */

#content {
width: 100%;
height: 100%;
background-color: white;
}

#logo {
position: fixed;
top: -0.3731343283582089rem;
left: 0.2736318407960199rem;
font-size: calc(1rem * 3);
}

#contact {
position: fixed;
top: 0.29850746268656714rem;
right: 0.09950248756218905rem;
transform: rotate(180deg);
writing-mode: vertical-rl;
}

#contact a:hover {
cursor: pointer;
}

#description {
position: fixed;
bottom: 0.09950248756218905rem;
}

#description h1 {
position: relative;
white-space: nowrap;
}


/* Window Size A Start */

@media screen and (max-width: 1000px) {


/* Presettings */

html {
font-size: calc(1.25 * 2.658730158730159vw);
}


/* Window Size A End */

}


/* Window Size B Start */

@media screen and (max-width: 700px) {


/* Presettings */

html {
font-size: calc(1.5 * 2.658730158730159vw);
}


/* Window Size B End */

}


/* Window Size C Start */

@media screen and (max-width: 600px) {


/* Presettings */

html {
font-size: calc(3 * 2.658730158730159vw);
}


/* Content */

#logo {
top: -0.47263681592039797rem;
}

#logo span {
display: none;
}


/* Window Size C End */

}