a{color:var(--color-black);cursor:none;text-decoration:none}canvas{display:block}:root{--font1:"vcr-osd-mono",monospace;--font2:"ibm-plex-mono",monospace;--font3:"departure-mono",monospace;--font4:"threedpixel",monospace;--font6:"3DIsometric";--color-white:#fff;--color-lightGray:#d9d9d9;--color-darkGray:#252525;--color-black:#000;--color-yellow:#ffc900;--color-rose:#fac6f7;--color-blue:#90a8ed;--color-green:#90ffa8;--color-ochre:#d3b88c;--color-red2:#e9a2a8;--font-size-normal-text:1rem;--font-size-normal-text2:1rem;--line-height-normal-text:1.5;--padding-text:2rem;--section-padding-v:6rem;--top-height:42px;font-family:var(--font2);font-size:16px;scroll-behavior:smooth}:not(img)::selection{background-color:var(--color-black);color:var(--color-yellow)}img::selection{background-color:initial}.max-width{margin:0 auto;max-width:1500px}.new-line:after{content:"\a\a";white-space:pre}.link{display:inline;text-decoration:underline}.loading-msg,.no-js-message{display:none}.no-js .no-js-message{align-items:center;background-color:#252525;bottom:0;color:#dadada;display:block;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;font-size:max(1.6svw,1.5rem);height:100svh;justify-content:center;left:0;overflow:hidden;padding:0 20%;position:fixed;right:0;text-align:center;top:0;width:100svw;z-index:1000}.no-js .no-js-message span{color:red}.no-js .no-js-message p:last-child{border-top:1px solid #dadada;font-size:max(1.6svw,1.5rem);margin-top:40px;padding-top:40px}.no-js .no-js-message a{color:#3a62e7;text-decoration:underline}.no-js body{cursor:unset}.js .no-js-message{display:none}body>.os-scrollbar{z-index:100}.os-scrollbar{--os-size:17px;--os-handle-border-radius:0}.os-scrollbar-handle{background-color:#525252}.cursor{contain:layout size;left:0;pointer-events:none;position:fixed;top:0;transform:translate(-50px,-50px);-webkit-user-select:none;user-select:none;width:50px;will-change:transform;z-index:101}.cursor .pointerHand,.cursor .pointerHand2{display:none;transform:translate(-10px)}.cursor .pointerHand2{height:65px;width:55px}.color-yellow{color:var(--color-yellow)}.btn-small{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);box-shadow:2px 2px #000,4px 4px #000;display:flex;font-family:var(--font1);font-size:1.1rem;padding:6px 25px;position:relative;text-transform:uppercase;transition:translate .3s,box-shadow .3s;-webkit-user-select:none;user-select:none;width:fit-content}.btn-small img.btn-arrow{height:18px;transition:translate .5s}.btn-small .btn-text{margin-right:7px;-webkit-user-select:none;user-select:none}.btn-small:hover{box-shadow:0 0 #000,0 0 #000;translate:4px 4px}.btn-small:hover img.btn-arrow{translate:10px}.btn-small:active{translate:6px 6px}.btn-small-vertical{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);box-shadow:4px 4px #000,6px 6px #000;display:flex;font-family:var(--font1);font-size:1.2rem;height:46px;overflow:hidden;padding:10px 20px;position:relative;text-transform:uppercase;top:-4px;transition:translate .3s,box-shadow .3s;-webkit-user-select:none;user-select:none;width:fit-content}.btn-small-vertical .btn-text{margin-right:7px;-webkit-user-select:none;user-select:none}.btn-small-vertical .arrow-wrapper{position:relative;top:3px}.btn-small-vertical .btn-arrow-down{margin-left:.5rem}.btn-small-vertical .btn-arrow-down .path1{transform:translateY(-22px);transition:transform .4s cubic-bezier(.17,.67,.65,.41)}.btn-small-vertical .btn-arrow-down .path2{transform:translateY(-30px);transition:transform .4s cubic-bezier(.17,.67,.65,.41)}.btn-rotate{--btnHeight:50px;display:grid;grid-template-areas:"back, front";grid-template-columns:repeat(1fr,2);position:relative;-webkit-user-select:none;user-select:none}.btn-rotate .back{background-color:var(--color-black);grid-area:back}.btn-rotate .front{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:flex;font-family:var(--font1);font-size:1.25rem;grid-area:front;height:var(--btnHeight);padding:0 20px;text-transform:uppercase;transition:translate .5s cubic-bezier(0,.38,.46,1.39)}.btn-rotate .front .text{transition:translate .5s}.btn-rotate .front .arrow-rotate{margin-left:10px;transition:transform .5s}.btn-big{--btnHeight:50px;display:grid;grid-template-areas:"back, front";grid-template-columns:repeat(1fr,2);position:relative;-webkit-user-select:none;user-select:none}.btn-big .back{background-color:var(--color-black);grid-area:back}.btn-big .front{align-items:center;background-color:var(--color-white);border:2px solid var(--color-black);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:flex;font-family:var(--font1);font-size:1.25rem;grid-area:front;height:var(--btnHeight);padding:0 20px;text-transform:uppercase;transition:translate .5s cubic-bezier(0,.38,.46,1.39)}.btn-big .front .text,.btn-big img.btn-arrow{transition:translate .5s}.btn-big img.btn-arrow{height:20px}.btn-big img.btn-arrow-left{left:0;position:absolute;translate:-20px}.btn-big img.btn-arrow-right{margin-left:10px}.btn-wrapper{display:flex;justify-content:flex-end;width:100%}a.link-dark{text-decoration:underline}.stack-container .continuous-pattern{background-image:url(../assets/img/c/pattern.svg);background-size:64px;contain:paint size layout;height:100%;left:0;mix-blend-mode:exclusion;opacity:.55;position:absolute;top:0;width:100%;will-change:background-position}.header-nav .header-nav-top{align-items:flex-end;display:flex;flex-direction:row;height:var(--top-height);justify-content:space-between;position:relative;width:100%;z-index:92}.header-nav .logo{caret-color:#0000;display:flex;font-family:var(--font1);font-size:1.1rem;letter-spacing:1px;position:relative;text-transform:uppercase;width:182px}.header-nav .logo .scramble-text{margin:0 10px;position:relative}.header-nav .logo .bracket{opacity:0;transition:transform .3s}.header-nav .logo .bracket:last-child{position:absolute;right:0;top:0}.header-nav .logo:hover .bracket:first-child{transform:translate(-10px)}.header-nav .logo:hover .bracket:last-child{transform:translate(10px)}.header-nav .center-links{display:none}.header-nav .menu-btn-wrapper{font-family:var(--font1);font-size:1.1rem;margin-left:auto}.header-nav .menu-btn-wrapper button.menu-btn{background:none;border:none;color:inherit;cursor:none;font:inherit;outline:inherit;padding:0}.header-nav .menu-btn-wrapper .text-btn{caret-color:#0000;display:flex;letter-spacing:1px;line-height:.9;-webkit-user-select:none;user-select:none}.header-nav .menu-btn-wrapper .text-btn .x-sign{font-family:var(--font2);font-size:1.2rem;font-weight:900;opacity:0;position:relative;top:0}.header-nav .menu-btn-wrapper .text-btn .me{transform:translate(6px)}.header-nav .menu-btn-wrapper .text-btn .nu{transform:translate(-6px)}.header-nav .menu-btn-wrapper .text-btn .bracket{opacity:0;position:relative;top:1px;transition:transform .3s}.header-nav .menu-btn-wrapper .text-btn:hover .bracket:first-child{transform:translate(-10px)}.header-nav .menu-btn-wrapper .text-btn:hover .bracket:last-child{transform:translate(10px)}.header-nav .menu-btn-wrapper .hamburger-btn{cursor:none;display:none;padding:0;position:relative;scale:.9;top:3px;transform-origin:100% 100%;width:35px}.header-nav .menu-btn-wrapper .hamburger-btn path{stroke:var(--color-black);stroke-linecap:round;stroke-miterlimit:1.4;stroke-width:4px;transform-box:fill-box;transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.header-nav .menu-btn-wrapper .hamburger-btn path.top-left{transform-origin:36% 40%}.header-nav .menu-btn-wrapper .hamburger-btn path.m-left{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.header-nav .menu-btn-wrapper .hamburger-btn path.bottom-left{transform-origin:35% 63%}.header-nav .menu-btn-wrapper .hamburger-btn path.top-right{transform-origin:100% 100%}.header-nav .menu-btn-wrapper .hamburger-btn path.m-right{opacity:1;transform-origin:61% 52%;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.header-nav .menu-btn-wrapper .hamburger-btn path.bottom-right{transform-origin:62% 52%}.header-nav .menu-btn-wrapper.active .hamburger-btn path.top-left{transform:translate(0) translateY(1px) rotate(45deg)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.m-left{opacity:0;transform:translate(-150%)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.top-right{transform:translate(-4px) translateY(-1px) rotate(-45deg)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.m-right{opacity:0;transform:translate(150%)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.bottom-right{transform:translate(-2px) translateY(-2px) rotate(45deg)}.header-nav .menu-btn-wrapper.active .hamburger-btn path.bottom-left{transform:translate(0) translateY(-2px) rotate(-45deg)}.header-nav .overlayMenu-c{contain:layout size;content-visibility:hidden;left:0;pointer-events:none;position:fixed;top:0;z-index:90}.header-nav .linkOpen{background:red;opacity:0;pointer-events:none;z-index:9}.header-nav .linkOpen,.header-nav .overlayMenu{bottom:0;height:100svh;left:0;position:absolute;right:0;top:0;width:100svw}.header-nav .overlayMenu{--height-first-row:80px;--color-menu:#fff;--color-menu-dark:#000;--color-border:#000;--color-menu-icon:#777;background:var(--color-menu-dark);color:var(--color-menu);display:none;overflow:hidden;pointer-events:auto}.header-nav .overlayMenu .rowContainer{align-items:stretch;display:flex;flex-direction:column;height:100svh;justify-content:flex-start}.header-nav .overlayMenu .row{border-color:var(--color-border);border-style:solid;border-width:2px;border-top:none;flex:1 1 auto;height:12.5%;margin:0 20px;-webkit-user-select:none;user-select:none}.header-nav .overlayMenu .rowFirst{display:flex;justify-content:space-between}.header-nav .overlayMenu .rowSocial{border-bottom:none}.header-nav .overlayMenu .rowFirst,.header-nav .overlayMenu .rowSocial{border-left:none;border-right:none;flex:0 1 auto;height:var(--height-first-row)}.header-nav .overlayMenu .rowEmpty{height:10%}.header-nav .overlayMenu .rowLink:hover{background-color:#0f0f0f}.header-nav .overlayMenu .rowLink{height:20%;transition:background-color .3s}.header-nav .overlayMenu .rowLink .link-w{clip-path:inset(0 0 -10% 0);display:flex;justify-content:center;position:relative;top:50%;transform:translateY(-50%)}.header-nav .overlayMenu .rowLink a{cursor:none;font-size:8rem;perspective:480px;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.header-nav .overlayMenu .rowLink a .spanCube{display:block;font-family:var(--font1);line-height:.9;overflow:visible!important;position:relative;transform:translateZ(0) 0deg;transform-origin:center;transform-style:preserve-3d;transition:transform .35s ease-in-out}.header-nav .overlayMenu .rowLink a .spanCube .req{color:#0000;display:block;position:absolute;width:100%}.header-nav .overlayMenu .rowLink a .spanCube .front{backface-visibility:hidden;color:var(--color-menu);left:0;opacity:1;position:relative;top:0;transition:all .35s ease-in-out}.header-nav .overlayMenu .rowLink a .spanCube .back{backface-visibility:hidden;left:0;letter-spacing:0;opacity:0;position:absolute;top:50%;transform:translateZ(0) rotateX(-90deg)}.header-nav .overlayMenu .rowLink a.active .spanCube .back{background:url(/assets/img/h/s/menuLink.webp);background-attachment:fixed;-webkit-background-clip:text;background-clip:text;background-position:50%;background-size:cover;color:#0000!important;-webkit-text-stroke:1px hsla(0,0%,100%,.486)}.header-nav .overlayMenu .rowLink a.home-link.active .spanCube .front{color:#ed0707}.header-nav .overlayMenu .rowLink a.about-link.active .spanCube .front{color:#ffc900}.header-nav .overlayMenu .rowLink a.work-link.active .spanCube .front{color:#d3b88c}.header-nav .overlayMenu .rowLink a.lab-link.active .spanCube .front{color:#5df57e}.header-nav .overlayMenu .rowLink a.hub-link.active .spanCube .front{color:#cd06bd}.header-nav .overlayMenu .rowLink a.minimal-link.active .spanCube .front{color:#478bf1}.header-nav .overlayMenu .rowLink a.home-link .spanCube .back{color:#ed0707}.header-nav .overlayMenu .rowLink a.about-link .spanCube .back{color:#ffc900}.header-nav .overlayMenu .rowLink a.work-link .spanCube .back{color:#d3b88c}.header-nav .overlayMenu .rowLink a.lab-link .spanCube .back{color:#5df57e}.header-nav .overlayMenu .rowLink a.hub-link .spanCube .back{color:#cd06bd}.header-nav .overlayMenu .rowLink a.minimal-link .spanCube .back{color:#478bf1}.header-nav .overlayMenu .rowLink a.about .spanCube .back{letter-spacing:5px}.header-nav .overlayMenu .icons-c{align-items:center;display:flex;height:var(--height-first-row);justify-content:space-between}.header-nav .overlayMenu .icons-c a{align-items:center;border-right:2px solid #0000;cursor:none;display:flex;height:100%;justify-content:center;padding:0 1vw;-webkit-user-select:none;user-select:none}.header-nav .overlayMenu .icons-c a svg path{fill:var(--color-menu-icon);transition:fill .3s}.header-nav .overlayMenu .icons-c a:hover svg path{fill:var(--color-menu)}.header-nav .overlayMenu .icons-c a:last-child{border:none}.header-nav .overlayMenu .icons-c svg{width:35px}.header-nav .overlayMenu .icons-c .twitter{width:30px}.header-nav .pixel-grid{height:100vh;width:100svw;grid-column-gap:0;grid-row-gap:0;bottom:0;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto auto auto auto auto auto;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:91}@-moz-document url-prefix(){.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto}}.header-nav .pixel-grid div{background-color:var(--color-yellow);height:100%;width:100%}@media screen and (pointer:fine){body{cursor:none}}@media (pointer:coarse){.cursor{display:none}.btn-small-vertical:active{box-shadow:0 0 #000,0 0 #000;translate:4px 4px}.btn-small-vertical:active .btn-arrow-down .path1{transform:translateY(30px)}.btn-small-vertical:active .btn-arrow-down .path2{transform:translateY(23px)}.btn-rotate:active .front{translate:8px 8px}.btn-rotate:active .front .arrow-rotate{transform:rotate(180deg)}.btn-rotate:active:active .front{translate:18px 8px}.btn-big:active .front{translate:8px 0}.btn-big:active .front .text{translate:25px}.btn-big:active .front img.btn-arrow-left{translate:15px}.btn-big:active .front img.btn-arrow-right{translate:40px}.btn-big .front,.btn-big .front .text,.btn-big .front img{transition-duration:.5s}}@media (pointer:fine){.btn-small-vertical:hover{box-shadow:0 0 #000,0 0 #000;translate:4px 4px}.btn-small-vertical:hover .btn-arrow-down .path1{transform:translateY(30px)}.btn-small-vertical:hover .btn-arrow-down .path2{transform:translateY(23px)}.btn-small-vertical:active{translate:6px 6px}.btn-rotate:hover .front{translate:8px 8px}.btn-rotate:hover .front .arrow-rotate{transform:rotate(180deg)}.btn-rotate:hover:active .front{translate:18px 8px}.btn-big:hover .front{translate:8px 8px}.btn-big:hover .front .text{translate:25px}.btn-big:hover .front img.btn-arrow-left{translate:15px}.btn-big:hover .front img.btn-arrow-right{translate:40px}.btn-big:hover:active .front{translate:18px 8px}}@media (hover:none),(pointer:coarse){.header-nav .overlayMenu .rowLink:active{background-color:#161616}}@media (min-width:3000px){.header-nav .overlayMenu{--height-first-row:117px}.header-nav .overlayMenu .rowLink a{font-size:14rem}.header-nav .overlayMenu .icons-c svg{width:60px}}@media (max-width:1921px){:root{--font-size-normal-text2:.95rem;--padding-text:1rem}.max-width{max-width:min(90svw,1300px)}.header-nav .overlayMenu .rowEmpty{height:5%}}@media (max-width:1600px){:root{--padding-text:1.5rem}.header-nav .overlayMenu .rowLink a{font-size:7rem}}@media (max-width:1100px){.header-nav .overlayMenu .rowLink a{font-size:7rem}.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.header-nav .pixel-grid div{outline:1px solid #1b1b1b}}@media (max-width:800px){:root{--padding-text:1rem;--section-padding-v:4rem}.btn-big .front,.btn-rotate .front{font-size:1.15rem}.header-nav .overlayMenu .rowLink a{font-size:5rem}.header-nav .overlayMenu .row{border-left:none;border-right:none}}@media (max-width:490px){.max-width{max-width:90svw}.os-scrollbar{--os-size:10px}.btn-small-vertical{font-size:1.1rem}.header-nav .logo{scale:.9;transform-origin:0 0;width:180px}.header-nav .logo .scramble-text{position:relative;top:-1px}.header-nav .menu-btn-wrapper .text-btn{display:none}.header-nav .menu-btn-wrapper .hamburger-btn{display:block}.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto auto auto}.header-nav .overlayMenu :is(.rowLink a,#id){font-size:3.5rem}.header-nav .overlayMenu .icons-c svg{width:32px}.hero .hero-inner .content .bottom .introduction-text2 .email-link.email-link{color:var(--color-black);text-shadow:none}.hero .hero-inner .content .scroll-text .bracket{color:var(--color-black)}.site-details .site-details-footer .smiley-thx img{position:relative;top:-35px}}@media (max-width:350px){.header-nav .overlayMenu .rowLink a{font-size:2.5rem}}@media (max-height:1000px){.header-nav .overlayMenu .rowLink a{font-size:5rem}.header-nav .overlayMenu .rowLink a .spanCube{top:5px}}@media (max-height:750px){.header-nav .overlayMenu .rowLink a{font-size:4rem}.header-nav .overlayMenu .rowLink a .spanCube .back{transform:translateZ(0) rotateX(-90deg)}}@media (any-pointer:coarse){.header-nav .overlayMenu .rowLink a{top:-8px}.header-nav .menu-btn-wrapper .text-btn .x-sign{top:2px}}@media (min-width:481px) and (max-width:810px) and (orientation:landscape) and (pointer:coarse){.header-nav .overlayMenu .rowLink{height:14%}.header-nav .overlayMenu .rowLink a{font-size:1.8rem;top:-3px}.header-nav .overlayMenu .rowLink .link-w{top:40%}.header-nav .overlayMenu .rowFirst,.header-nav .overlayMenu .rowSocial,.header-nav .overlayMenu .rowSocial .icons-c{height:40px}.header-nav .overlayMenu .rowSocial .icons-c svg{width:25px}.header-nav .overlayMenu .rowEmpty{display:none}}@media (min-width:811px) and (max-width:1394px) and (orientation:landscape) and (pointer:coarse){:root{--section-padding-v:4rem}.header-nav .overlayMenu .rowLink a{font-size:4.2rem;top:-10px}.header-nav .pixel-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.header-nav .pixel-grid div{outline:1px solid #1b1b1b}}@media (min-width:768px) and (max-width:1120px) and (orientation:portrait) and (pointer:coarse){.header-nav .overlayMenu .rowLink a{font-size:6rem;top:-10px}}@media (max-width:1400px) and (pointer:coarse){.header-nav .overlayMenu .rowLink .link-w{clip-path:unset}}@media (min-width:811px) and (max-width:1100px) and (max-height:550px) and (orientation:landscape) and (pointer:coarse){.header-nav .overlayMenu .rowLink a{font-size:2.5rem}.header-nav .overlayMenu .rowEmpty{display:none}.header-nav .overlayMenu .icons-c,.header-nav .overlayMenu .rowSocial{height:50px}}@font-face{font-display:fallback;font-family:departure-mono;font-style:normal;font-weight:400;src:url(../fonts/departureMono-Regular.woff2) format("woff2")}@font-face{font-display:fallback;font-family:vcr-osd-mono;font-style:normal;font-weight:400;src:url(../fonts/vcr_osd_mono01.woff2) format("woff2")}*,:after,:before{box-sizing:border-box}html{height:100%}h1,h2,h3,h4,h5,h6,p{font-weight:400;margin:0}li,ul{list-style:none;margin:0;padding:0}:where(a){color:var(--color-black);text-decoration:none}:where(canvas){display:block}:root{--font1:"vcr-osd-mono","Courier New","Courier",monospace;--font3:"departure-mono","Courier New","Courier",monospace;color:#ffffffde;color-scheme:light dark;font-family:var(--font3);font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,body{background-color:#242424}body{caret-color:#0000;display:grid;grid-template-areas:"effect, links";grid-template-columns:repeat(1fr,2);margin:0;min-height:100%;position:relative}.cursor .pointerCursor,.cursor .pointerHand{width:45px}header{display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%}header .headline{align-items:center;align-self:center;border:1px solid #fff;display:flex;flex-direction:row}header .headline h1{font-size:1.4rem;line-height:1;padding:.3rem .8rem;text-transform:uppercase;width:fit-content}header .header-nav{margin:0 30px}header .header-nav .logo{color:var(--color-white)}header .header-nav .overlayMenu{--color-menu-dark:#242424;--color-border:#585858}header .header-nav .menu-btn-wrapper .text-btn{color:var(--color-white)}header .header-nav .menu-btn-wrapper .hamburger-btn path{stroke:var(--color-white)}header .header-nav .pixel-grid div{background-color:#ee8d1e}footer{bottom:0;left:0;padding:0 30px 30px;position:absolute;width:100%}footer .links{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:fit-content;z-index:3}footer .links a.back-to-lab,footer .links a.gitHub{color:#c4c4c4;font-size:1.1rem;line-height:.9;transition:color .3s}footer .links a.back-to-lab:hover,footer .links a.gitHub:hover{color:#fff}footer .links svg.arrow{position:relative;rotate:180deg;top:4px;transform-origin:50% 50%}footer .links .gitHub svg{position:relative;top:7px}footer .links .gitHub svg.arrow{display:none}footer .links .mq-hide{padding-left:5px}footer .dino-container{align-items:flex-end;bottom:25px;display:flex;flex-direction:column;position:absolute;right:30px;z-index:2}footer .dino-container .balloon{background-color:#fff;border-radius:10px;box-shadow:-1px -1px 2px 2px #2424244d;color:#000;font-size:1rem;left:10px;opacity:0;padding:25px;position:relative;top:-10px;transform:scale(0);transform-origin:90% 150%;width:0}footer .dino-container .balloon .triangle{border-left:15px solid #0000;border-right:15px solid #0000;border-top:15px solid #fff;bottom:-14px;height:8px;position:absolute;right:41px;width:8px;z-index:2}footer .dino-container .balloon .close-btn{bottom:-30px;color:#fff;font-family:var(--font1);font-size:1.1rem;left:3px;opacity:0;position:absolute;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}footer .dino-container .balloon.active{width:700px}footer .dino-container .dino-wrapper .exclamationMark{background-color:#fff;border-radius:10px;color:#000;display:block;font-family:var(--font1);font-size:2.1rem;font-weight:700;height:35px;left:-5px;line-height:35px;padding:0;position:relative;text-align:center;top:-20px;width:40px}footer .dino-container .dino-wrapper .exclamationMark .mark{left:1px;position:relative}footer .dino-container .dino-wrapper .dino{height:60px;fill:#fff}.effect-container{grid-area:effect;height:100svh;width:100svw}.effect-container .webglCanvas{height:100svh;left:0;overflow:hidden;position:absolute;top:0;width:100svw;z-index:0}@media (max-width:1000px){header .headline{margin-top:20px}header .headline h1{font-size:1.2rem}}@media (max-width:750px){footer .dino-container .balloon.active{width:90svw}}@media (max-width:510px){footer{padding-bottom:15px}footer .dino-container{bottom:7px}footer .dino-container .balloon{font-size:.9rem;padding:15px}footer .links .gitHub svg.arrow{display:inline}footer .links .back-to-lab .mq-hide,footer .links .gitHub span{display:none}}@media (max-width:300px){header .header-nav .logo{display:none}}@media (hover:none){footer{padding-bottom:15px}footer .dino-container{bottom:10px}}