*{margin:0;padding:0}:root{--background-color-night:black;--background-color-day:#eceae2;--background-color-day2:#d7d2c1;--text-color:#da291c;--text-hover-color:darkred;--subtext-color:gray;--swissRed:#da291c}::-webkit-scrollbar-track{background-color:var(--background-color-night)}::-webkit-scrollbar-thumb{background-color:var(--background-color-night)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--background-color-night)var(--background-color-night)}}body{background-color:var(--background-color-night);margin:0;overflow-x:hidden}.sphere-container{width:100%;height:100vh;overflow:hidden}@font-face{font-family:ChakraPetch;src:url(../media/chakrapetch-medium-webfont.77c0cf36.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:SourceCodePro;src:url(../media/SourceCodePro-VariableFont_wght.5e7f924f.woff2)format("woff2");font-weight:400;font-style:normal}.index{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.projects{background:var(--background-color-night);width:100%;height:100vh}.projects-button{border:none;width:100px;height:50px}.pixel_arrow_button{background:0 0;border:none;width:15vh;height:10vh;position:fixed;top:87%;left:48%}@-webkit-keyframes arrow_top_bounce{0%{top:89%}50%{top:91%}to{top:89%}}@-webkit-keyframes arrow_bottom_bounce{0%{top:91.5%}50%{top:92.5%}to{top:91.5%}}.pixel_arrow_top{width:5vh;height:5vh;fill:var(--text-color);animation-name:arrow_top_bounce;animation-duration:3s;animation-iteration-count:infinite;animation-delay:.175s;animation-fill-mode:forwards;position:fixed;top:89%;left:50%;transform:translate(-50%)}.pixel_arrow_bottom{width:5vh;height:5vh;fill:var(--text-color);animation-name:arrow_bottom_bounce;animation-duration:3s;animation-iteration-count:infinite;animation-fill-mode:forwards;position:fixed;top:91.5%;left:50%;transform:translate(-50%)}@-webkit-keyframes double_arrow_up_animation{0%{top:10%;left:10%;transform:translate(-50%)rotate(-90deg)}50%{top:10%;left:50%;transform:translate(-50%)rotate(-90deg)}to{top:90%;left:50%;transform:translate(-50%)rotate(0)}}@-webkit-keyframes double_arrow_down_animation{0%{top:90%;left:50%;transform:translate(-50%)rotate(0)}50%{top:10%;left:50%;transform:translate(-50%)rotate(-90deg)}to{top:10%;left:10%;transform:translate(-50%)rotate(-90deg)}}.pixel_arrow_double_a{width:5vh;height:5vh;fill:var(--text-color);animation-name:double_arrow_down_animation;animation-duration:1.5s;animation-iteration-count:1;animation-fill-mode:forwards;position:fixed;top:90%;left:50%;transform:translate(-50%)}.pixel_arrow_double_b{width:5vh;height:5vh;fill:var(--text-color);animation-name:double_arrow_up_animation;animation-duration:.2s;animation-iteration-count:1;animation-fill-mode:forwards;position:fixed;top:90%;left:50%;transform:translate(-50%)}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.sphere_method_label{color:var(--text-color);text-align:center;-webkit-user-select:none;user-select:none;font-family:ChakraPetch,Arial,sans-serif;font-size:2vh;position:relative;top:10vh}.projects_text{color:var(--text-color);-webkit-user-select:none;user-select:none;font-family:ChakraPetch,Arial,Helvetica,sans-serif;animation:1s forwards fadeInText;position:fixed;top:10vh;left:15%}.projects_text.header{font-size:5vh;font-weight:medium;-webkit-user-select:none;user-select:none}.projects_text.table{flex-direction:column;display:flex}.projects_text.links{-webkit-user-select:none;user-select:none;flex-direction:column;gap:5vh;margin-bottom:5vh;font-size:3.5vh;display:flex;top:25%}.projects_text.links a{color:inherit;margin-bottom:10px;text-decoration:none;display:block}.projects_text.links a div{font-size:1em;font-weight:700}.projects_text.links a .description{color:var(--subtext-color);margin-top:5px;font-size:.85em;display:block}.projects_text.links a:hover{color:var(--text-hover-color)}@media screen and (max-width:810px){.projects_text{top:11%}.projects_text.header{font-size:3vh}.projects_text.links{font-size:2.5vh}}@media screen and (max-width:480px){.projects_text{top:11%;left:20%}.projects_text.header{font-size:3vh}.projects_text.links{font-size:2vh}}.site-version{font-size:1.25vh;font-weight:light;color:inherit;text-align:right;position:fixed;bottom:2%;right:2%}.site-version a{color:inherit;font-size:1.5vh;text-decoration:none}.site-version a:hover{color:var(--text-hover-color)}.social-media-logos{fill:var(--swissRed);width:2vh;height:2vh;margin-left:1vh}.social-media-logos :hover{fill:var(--text-hover-color)}