@charset "utf-8";


/* Font Import */

@font-face {
src: url("./ulagadi_sans_regular.ttf") format("truetype");
font-family: "Ulagadi Sans Regular";
}

@font-face {
src: url("./ulagadi_sans_italic.ttf") format("truetype");
font-family: "Ulagadi Sans Italic";
}


/* Presettings */

*, h1 {
scrollbar-width: none;
-webkit-tap-highlight-color: transparent;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
margin: 0;
padding: 0;
color: inherit;
font-family: "Ulagadi Sans Regular", sans-serif;
font-size: inherit;
font-style: normal;
font-weight: normal;
line-height: 94%;
text-decoration: none;
cursor: inherit;
}

::-webkit-scrollbar {
display: none;
}

html {
background-color: black;
color: white;
font-size: 36.1px;
text-transform: uppercase;
cursor: default;
}

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


/* Content */

#content {
padding: 0.3601108033240997rem 0.4709141274238227rem 0.33240997229916897rem 0.4709141274238227rem;
overflow: hidden;
}

h1 {
display: inline;
}

.links_animation {
display: inline;
}

.links_animation_link {
display: none;
}

.links_animation_link:nth-child(1) {
display: inline;
}

a:hover {
font-family: "Ulagadi Sans Italic", "Ulagadi Sans Regular", sans-serif;
cursor: pointer;
}


/* 3D Object */

.bureauklammer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}


/* Window Size A Start */

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


/* Presettings */

html {
font-size: 30px;
}


/* 3D Object */

.bureauklammer {
transform: scale(0.9);
}


/* Window Size A End */

}


/* Window Size B Start */

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


/* Presettings */

html {
font-size: 5.548vw;
}


/* 3D Object */

.bureauklammer {
transform: scale(0.8);
}


/* Window Size B End */

}