.site-width,body{width:100%;max-width:1600px;margin-inline:auto;padding:0 clamp(20px,5vw,50px)}.fullscreen-height{min-height:100vh;min-height:100svh;max-height:100vh;max-height:100svh;padding-top:var(--headerHeight)}.flex-row{display:flex;flex-direction:column}.flex-height{flex:1;display:flex;align-content:center;padding:2vh 0}.flex-center-center{display:flex;justify-content:center;align-items:center}.flex-same-cols{display:flex;width:100%}.flex-same-cols>*{flex:1}.abso-center-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.box-shadow-highlight{box-shadow:0 0 48px #6ecccc}.text-shadow-highlight{cursor:none;text-shadow:0px 0px 2px #6ecccc}section:hover .text-shadow-highlight{text-shadow:0px 0px 5px #6ecccc}.get-unvisible{animation:takeOpacity .5s ease-out forwards}@keyframes menuComes{to{transform:translateY(0)}}@keyframes menuGoes{0%{transform:translateY(0)}}@keyframes backLineAnimation{10%{width:40%;left:60%;height:5px}50%{width:100%}90%{height:5px}to{width:50px;height:50px}}@keyframes underlineAnimation{10%{height:5px}50%{width:100%;height:5px}90%{height:5px}to{width:40%;left:60%;height:70px}}@keyframes takeOpacity{to{opacity:0}}.get-visible{animation:getOpacity .5s ease-in backwards}@keyframes getOpacity{0%{opacity:0}to{opacity:1}}.get-shadow{animation:getShadow .3s ease-in-out forwards;border-color:var(--colorFirstAccent);border-width:2px}@keyframes getShadow{0%{box-shadow:0 0 #6ecccc}to{box-shadow:0 0 48px #6ecccc}}.take-shadow{animation:takeShadow .3s ease-in-out forwards}@keyframes takeShadow{0%{box-shadow:0 0 48px #6ecccc}to{box-shadow:0 0 #6ecccc}}@keyframes sendFlyAnimation{0%{left:20px;bottom:0;opacity:0}5%{transform:rotate(5deg)}10%{transform:rotate(10deg)}15%{transform:rotate(15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(5deg)}30%{transform:rotate(10deg);opacity:1}35%{transform:rotate(15deg)}40%{transform:rotate(20deg)}45%{transform:rotate(25deg)}50%{transform:rotate(20deg)}55%{transform:rotate(15deg)}60%{transform:rotate(20deg)}65%{transform:rotate(25deg)}70%{transform:rotate(30deg)}75%{transform:rotate(25deg)}80%{transform:rotate(20deg)}85%{transform:rotate(15deg)}90%{opacity:1;transform:rotate(20deg)}95%{transform:rotate(25deg);opacity:.5}to{left:90%;bottom:65vh;transform:rotate(30deg);opacity:0}}@font-face{font-family:Source Code Pro;src:url("./media/SourceCodePro-Bold-SQZ6VMUZ.ttf")}@font-face{font-family:Source Code Pro Regular;src:url("./media/SourceCodePro-VariableFont_wght-GGPVJSD6.ttf")}@font-face{font-family:Heebo;src:url("./media/Heebo-VariableFont_wght-JUFV7MBE.ttf")}:root{--headerHeight: 120px;--bodyPadding: clamp(10px, 10vw, 150px);--padding: 20px;--maxWidth: 1600px;--borderRadius: 10px;--colorDarker: #181b20;--colorDark: #2a324b;--colorLighter: #f7f7f8;--colorLight: #fffcf3;--colorFirstAccent: #6ecccc;--colorSecondAccent: #f4d35e;--fontFirstAccent: Source Code Pro, monospace;--fontSecondAccent: Source Code Pro Regular, monospace;--fontText: Heebo, sans-serif;--fontTeaserSize: clamp(2rem, .8947rem + 6.3158vw, 8rem);--fontSubTeaserSize: clamp(1.2rem, .6474rem + 3.1579vw, 4.2rem);--fontSubHeaderSize: clamp(1.2rem, .8684rem + 1.8947vw, 3rem);--fontBehindTeaserBiggerSize: clamp(3.8rem, -.0866rem + 8.0866vw, 8rem);--fontBehindTeaserSize: clamp(2.8rem, -.1613rem + 6.1613vw, 6rem);--fontSectionWrapperSize: clamp(1.5rem, 1.1538rem + 1.8462vw, 3rem);--fontMenuSize: clamp(2rem, 1.3077rem + 3.6923vw, 5rem);--fontH3Size: clamp(1.4rem, 1.1231rem + 1.4769vw, 2.6rem);--fontH4Size: clamp(1rem, .9077rem + .4923vw, 1.4rem);--fontSize: clamp(.8rem, .6615rem + .7385vw, 1.4rem)}@media(orientation:portrait){:root{--headerHeight: 100px}}::-webkit-scrollbar-button{height:5px}::-webkit-scrollbar{width:10px;background-color:var(--colorDark)}::-webkit-scrollbar-thumb{background-color:var(--colorFirstAccent);background-clip:padding-box;border-radius:5px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--colorDarker);color:var(--colorLighter);font-family:var(--fontText);font-size:var(--fontSize);overflow-x:hidden;white-space:pre-line}section{width:100%}img{width:100%;height:auto}h3,.second-accent-font{font-size:var(--fontH3Size);color:var(--colorSecondAccent);font-family:var(--fontSecondAccent)}h4{font-size:var(--fontH4Size);color:var(--colorFirstAccent);font-weight:100}