@charset "utf-8";


/* Font Import */

@font-face {
src: url("fonts/mars.ttf") format("truetype");
font-family: "Mars";
}

@font-face {
src: url("fonts/apoc_light.otf") format("opentype");
font-family: "Apoc Light";
}

@font-face {
src: url("fonts/apoc_light_italic.otf") format("opentype");
font-family: "Apoc Light Italic";
}

@font-face {
src: url("fonts/nimbus_sans_l_regular.ttf") format("truetype");
font-family: "Nimbus Sans L Regular";
}


/* Presettings */

*, *:before, *:after, h1, br {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
box-sizing: border-box;
margin: 0;
padding: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: normal;
font-weight: normal;
line-height: 105%;
list-style: none;
text-decoration: none;
cursor: inherit;
user-select: none;
}

html {
background-color: black;
color: white;
font-family: "Nimbus Sans L Regular", sans-serif;
font-size: 20px;
cursor: default;
}

html, body, #space {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}


/* Space */

#space {
font-family: "Apoc Light", serif;
cursor: grab;
}

#space:active {
cursor: grabbing;
}


/* Main */

main {
display: none;
}

h1 {
font-family: "Mars", sans-serif;
font-size: 5.435rem;
text-transform: lowercase;
}

#one, #two, #three {
white-space: pre-line;
}

a {
display: inline;
border-bottom: 1px solid white;
}

a:hover {
font-family: "Apoc Light Italic", "Apoc Light", serif;
cursor: pointer;
}


/* Footer */

footer {
position: fixed;
bottom: 0.55rem;
left: 0.75rem;
pointer-events: none;
}


/* Window Size A Start */

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


/* Presettings */

html {
font-size: 19px;
}


/* Window Size A End */

}


/* Window Size B Start */

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


/* Presettings */

html {
font-size: 17.4px;
}


/* Window Size B End */

}