@import "https://fonts.googleapis.com/css2?family=Fruktur&display=swap";@import "https://fonts.googleapis.com/css?family=Poppins:400;500;600;700;800;900&display=swap";*,html,body{margin:0;padding:0;box-sizing:border-box;font-family:poppins,sans-serif}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.25}h3{font-size:1.5rem;line-height:1.3}h4{font-size:1.4rem;line-height:1.35}h5{font-size:1.3rem;line-height:1.5}h6{font-size:1.2rem;line-height:1.6}@media(min-width:550px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.4rem}h6{font-size:1.3rem}}p{margin-bottom:.5rem}button{width:16rem;height:4rem;padding:0 2.5rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:border 500ms,color 500ms,background-color 500ms}section{min-height:calc(100vh - 64px);width:100%}section.section--light{background-color:#eee;color:#333}section.section--light hr{border-top:1px solid #333}section.section--light button{border:none;color:#eee;background-color:#005694}section.section--light button:hover{background-color:#333}section.section--dark{background-color:#333;color:#eee}section.section--dark hr{border-top:1px solid #eee}section.section--dark button{color:#eee;background-color:#333}section.section--dark button:hover{color:#333;background-color:#eee}section.section--list .section--list__tiles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}section.section--list .section--list__tiles .section--list__tile{color:#000;font-size:20px;width:200px;height:100px;border-radius:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px #00000080;border:5px solid #005694;transition:box-shadow 200ms,transform 200ms}section.section--list .section--list__tiles .section--list__tile:hover{box-shadow:0 0 10px #000000ff;transform:scale(1.03)}section.section--list a{text-decoration:none}.container{position:relative;width:100%;max-width:960px;margin:0 auto;padding:0 20px;padding-top:50px;padding-bottom:80px;box-sizing:border-box}@media(min-width:400px){.container{width:85%}}@media(min-width:550px){.container{width:80%}}.row{padding:25px 0}.video-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.gif,.svg,.webp{max-width:100%;max-height:100%;transition:-webkit-filter 500ms;transition:filter 500ms;transition:filter 500ms,-webkit-filter 500ms}.gif:hover,.gif:active,.svg:hover,.svg:active,.webp:hover,.webp:active{-webkit-filter:invert(100%);filter:invert(100%)}.page-404{display:grid;justify-items:center;align-content:center;text-align:center;row-gap:2rem}header{display:grid;z-index:1;align-content:center;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;height:64px;background:#005694}.header-logo{width:90px;height:64px;margin:0}.nav-toggle{display:none}.nav-toggle-label{display:flex;align-items:center;justify-content:center;position:absolute;top:8px;right:8px;width:48px;height:48px;box-sizing:content-box;padding-right:env(safe-area-inset-right)}.nav-toggle-label:hover{cursor:pointer}.nav-toggle-label span{position:relative;transition:transform 200ms ease-in-out,background-color 200ms ease-in-out}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{height:3px;width:32px;background-color:#eee;border-radius:4px}.nav-toggle-label span::before,.nav-toggle-label span::after{content:"";position:absolute}.nav-toggle-label span::before{bottom:8px;transition:transform 200ms ease-in-out,bottom 200ms ease-in-out}.nav-toggle-label span::after{top:8px;transition:transform 200ms ease-in-out,top 200ms ease-in-out}nav{position:absolute;top:100%;left:0;width:100%;background:#005694;transform:translate(-100%,0)}nav ul{margin:0;padding:0;list-style:none;white-space:nowrap;text-align:right}nav li{margin:1.5rem 1rem}nav a{font-size:1.5rem;text-transform:uppercase;color:#eee;text-decoration:none}nav a:hover{text-decoration:underline}.nav-toggle:checked~nav{transform:translate(0,0);padding-right:env(safe-area-inset-right)}.nav-toggle:checked~.nav-toggle-label span{background-color:transparent;transition:background-color 0ms}.nav-toggle:checked~.nav-toggle-label span::before{transform:rotate(45deg);bottom:0}.nav-toggle:checked~.nav-toggle-label span::after{transform:rotate(-45deg);top:0}@media(min-width:992px){.nav-toggle-label{display:none}header{display:flex;justify-content:space-between;align-items:center;padding:0 16px}nav{all:unset;display:flex;align-items:center;height:100%}nav ul{display:flex}nav li{margin:0 1.5rem}}.hero{display:grid;place-content:center;text-align:center}.section--yin-yang{display:grid;place-items:center}.section--yin-yang .yin-yang{display:grid;place-items:center;position:relative;width:300px;height:300px;border-radius:50%;background:linear-gradient(90deg,white 0%,white 50%,black 50%,black 100%);box-shadow:0 0 20px #00000040;-webkit-animation:rotate-yin-yang 12s infinite linear;animation:rotate-yin-yang 12s infinite linear}.section--yin-yang .yin-yang__wrapper{transform:scale(.6)}@media(min-width:550px){.section--yin-yang .yin-yang__wrapper{transform:scale(.8)}}@media(min-width:768px){.section--yin-yang .yin-yang__wrapper{transform:scale(1)}}.section--yin-yang .yin-yang__circle{display:grid;place-items:center;position:absolute;width:150px;height:150px;border-radius:50%}.section--yin-yang .yin-yang__circle--inner{width:40px;height:40px;border-radius:50%}.section--yin-yang .yin-yang__circle--white{background:#fff;top:0}.section--yin-yang .yin-yang__circle--white__inner-circle{background:#000}.section--yin-yang .yin-yang__circle--black{background:#000;bottom:0}.section--yin-yang .yin-yang__circle--black__inner-circle{background:#fff}@-webkit-keyframes rotate-yin-yang{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-yin-yang{from{transform:rotate(0)}to{transform:rotate(360deg)}}.it img{height:100%}#it-svg-windows{width:300px}#it-svg-linux{width:150px}#it-svg-ubuntu{width:150px}#it-svg-docker{width:300px}#it-svg-vscode{width:150px}#it-svg-github{width:150px}.tanuki-logo .tanuki-left-ear,.tanuki-logo .tanuki-right-ear,.tanuki-logo .tanuki-nose{fill:#e24329;transition:fill 800ms}.tanuki-logo .tanuki-left-eye,.tanuki-logo .tanuki-right-eye{fill:#fc6d26;transition:fill 800ms}.tanuki-logo .tanuki-left-cheek,.tanuki-logo .tanuki-right-cheek{fill:#fca326;transition:fill 800ms}.tanuki-logo .tanuki-left-ear:hover,.tanuki-logo .tanuki-right-ear:hover,.tanuki-logo .tanuki-nose:hover{fill:#f1a699;transition:fill 100ms}.tanuki-logo .tanuki-left-eye:hover,.tanuki-logo .tanuki-right-eye:hover{fill:#fec2a4;transition:fill 100ms}.tanuki-logo .tanuki-left-cheek:hover,.tanuki-logo .tanuki-right-cheek:hover{fill:#fed8a4;transition:fill 100ms}.para-emojis{font-size:200%;display:inline-block;-webkit-animation:jiggle 1s;animation:jiggle 1s}.para-emojis:hover,.para-emojis:active{transition:transform 100ms;-webkit-animation:none;animation:none}@-webkit-keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes jiggle{0%{transform:rotate(0)}20%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.time{display:grid;place-content:center;text-align:center;justify-items:center;align-content:space-around;color:#333;padding-top:3rem;padding-bottom:3rem}.time__image{width:50vmin;height:50vmin;background-image:url(/img/dark.webp);background-repeat:no-repeat;border-radius:50%;background-size:cover;background-position:50%;border:.25rem solid #333;transition:-webkit-filter 500ms;transition:filter 500ms;transition:filter 500ms,-webkit-filter 500ms}.time__image:hover,.time__image:active{-webkit-filter:invert(100%);filter:invert(100%)}.time__clock{text-align:center;padding-top:50px;font-size:2rem}.tanzbein{display:grid;background-image:url(/img/tanzbein.webp);background-size:cover;background-repeat:no-repeat;background-position:50%;animation:hue-rotate 10s infinite}.tanzbein h2{display:grid;align-items:center;width:100%;height:100%;text-align:center;font-size:4rem;mix-blend-mode:soft-light;margin:0;color:#fff;background-color:#000}@keyframes hue-rotate{to{filter:hue-rotate(360deg)}}.saiyajin{background-size:cover;background-position:35%;transition:1000ms;position:relative}.saiyajin__background-1{background-image:url(/img/saiyajin-background-1.webp)}.saiyajin__background-2{background-image:url(/img/saiyajin-background-2.webp)}.saiyajin__emoji-moon{-webkit-animation:rotate-moon 5s infinite linear;animation:rotate-moon 5s infinite linear;position:absolute;top:50px;right:30%}.saiyajin__emoji-moon:hover{-webkit-animation:rotate-moon 1s infinite linear;animation:rotate-moon 1s infinite linear;-webkit-filter:invert(100%);filter:invert(100%)}@-webkit-keyframes rotate-moon{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-moon{from{transform:rotate(0)}to{transform:rotate(360deg)}}.section__triforce{display:flex;align-items:center;justify-content:center}.section__triforce .triforce__fragment{position:absolute;width:100px;height:calc( 100px/2 * 1.73205080757);background-color:#bab65e;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);transition:background-color 2000ms}.section__triforce .triforce__fragment:hover,.section__triforce .triforce__fragment:focus,.section__triforce .triforce__fragment:active{background-color:#fff41a;transition:background-color 100ms}.section__triforce .triforce__fragment-top{transform:translate(0,calc(calc( 100px/2 * 1.73205080757)/-2))}.section__triforce .triforce__fragment-left{transform:translate(calc(100px/-2),calc(calc( 100px/2 * 1.73205080757)/2))}.section__triforce .triforce__fragment-right{transform:translate(calc(100px/2),calc(calc( 100px/2 * 1.73205080757)/2))}.pendel *,.pendel *::before,.pendel *::after{padding:0;margin:0 auto;box-sizing:border-box;transform-style:preserve-3d}.pendel{background-color:#111;color:#fff;display:flex;justify-content:center;align-items:center;font-size:50px;perspective:800px;perspective-origin:center calc(50% - 2.4em);overflow:hidden}.cradle{position:relative;-webkit-animation:rotate 60s infinite linear;animation:rotate 60s infinite linear}@-webkit-keyframes rotate{to{transform:rotateY(360deg)}}@keyframes rotate{to{transform:rotateY(360deg)}}.floor{position:absolute;width:20em;height:20em;background-color:#fff;background-image:radial-gradient(#012a,#111 66%),url(https://assets.codepen.io/1948355/marble01.jpg);background-size:20em,10em;transform:translate(-50%,-50%)rotateX(90deg)translateZ(-3em)}.floor::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8.5em;height:4.5em;background-color:#000;-webkit-filter:blur(.3em);filter:blur(.3em)}.wood{--width:0;--height:0;--depth:0;position:absolute;top:0;left:0;width:var(--width);height:var(--height);transform:translate(-50%,-50%)}.wood.base{--width:8em;--height:1em;--depth:4em;transform:translate(-50%,calc(-50% + 2.5em))}.wood.poll{--width:0.25em;--height:3em;--depth:0.25em}.wood.poll:nth-child(3){transform:translate3d(calc(-50% + 3.5em),calc(-50% + .5em),1.5em)}.wood.poll:nth-child(4){transform:translate3d(calc(-50% + 3.5em),calc(-50% + .5em),-1.5em)}.wood.poll:nth-child(5){transform:translate3d(calc(-50% + -3.5em),calc(-50% + .5em),1.5em)}.wood.poll:nth-child(6){transform:translate3d(calc(-50% + -3.5em),calc(-50% + .5em),-1.5em)}.wood.strecher{--width:8em;--height:0.25em;--depth:1em}.wood.strecher:nth-child(7){transform:translate3d(-50%,calc(-50% - 1em),1.5em)}.wood.strecher:nth-child(8){transform:translate3d(-50%,calc(-50% - 1em),-1.5em)}.wood.strecher .dots::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 76% 50%,#777 0px,#7770 2px),radial-gradient(circle at 63% 50%,#777 0px,#7770 2px),radial-gradient(circle at 50% 50%,#777 0px,#7770 2px),radial-gradient(circle at 37% 50%,#777 0px,#7770 2px),radial-gradient(circle at 24% 50%,#777 0px,#7770 2px)}.wood>*{position:absolute;box-shadow:0 0 1em #0007 inset;background-size:5em;background-image:url(https://assets.codepen.io/1948355/wood04.png)}.wood>.top{width:var(--width);height:var(--depth);transform:translateY(-50%)rotateX(90deg);background-color:#6f463f}.wood>.left{width:var(--depth);height:var(--height);transform:translateX(-50%)rotateY(90deg);background-color:#5f3c35}.wood>.right{width:var(--depth);height:var(--height);right:0;transform:translateX(50%)rotateY(90deg);background-color:#1d1211}.wood>.front{width:var(--width);height:var(--height);transform:translateZ(calc(var(--depth)/2));background-color:#3e2723}.wood>.back{width:var(--width);height:var(--height);transform:translateZ(calc(var(--depth)/-2));background-color:#3e2723}.ballPlate{position:absolute;top:-1em;width:2em;height:3em;transform:translate(-50%,0%)rotateY(90deg);transform-origin:top}.ballPlate:nth-child(9){left:-2.05em;-webkit-animation:ballPlateStart 3s infinite;animation:ballPlateStart 3s infinite}.ballPlate:nth-child(9) .ballWrapper{-webkit-animation:ballWrapperStart 3s infinite;animation:ballWrapperStart 3s infinite}.ballPlate:nth-child(9) .ball{background-position-y:0%}.ballPlate:nth-child(10){left:-1.025em;-webkit-animation:ballPlateSwing 3s linear infinite;animation:ballPlateSwing 3s linear infinite}.ballPlate:nth-child(10) .ballWrapper{-webkit-animation:ballWrapperSwing 3s linear infinite;animation:ballWrapperSwing 3s linear infinite}.ballPlate:nth-child(10) .ball{background-position-y:25%}.ballPlate:nth-child(11){left:0;-webkit-animation:ballPlateSwing 3s linear infinite;animation:ballPlateSwing 3s linear infinite}.ballPlate:nth-child(11) .ballWrapper{-webkit-animation:ballWrapperSwing 3s linear infinite;animation:ballWrapperSwing 3s linear infinite}.ballPlate:nth-child(11) .ball{background-position-y:50%}.ballPlate:nth-child(12){left:1.025em;-webkit-animation:ballPlateSwing 3s linear infinite;animation:ballPlateSwing 3s linear infinite}.ballPlate:nth-child(12) .ballWrapper{-webkit-animation:ballWrapperSwing 3s linear infinite;animation:ballWrapperSwing 3s linear infinite}.ballPlate:nth-child(12) .ball{background-position-y:75%}.ballPlate:nth-child(13){left:2.05em;-webkit-animation:ballPlateEnd 3s infinite;animation:ballPlateEnd 3s infinite}.ballPlate:nth-child(13) .ballWrapper{-webkit-animation:ballWrapperEnd 3s infinite;animation:ballWrapperEnd 3s infinite}.ballPlate:nth-child(13) .ball{background-position-y:100%}@-webkit-keyframes ballPlateSwing{0%,100%{transform:translate(-50%,0%)rotateY(90deg)rotateX(5deg)}50%{transform:translate(-50%,0%)rotateY(90deg)rotateX(-5deg)}}@keyframes ballPlateSwing{0%,100%{transform:translate(-50%,0%)rotateY(90deg)rotateX(5deg)}50%{transform:translate(-50%,0%)rotateY(90deg)rotateX(-5deg)}}@-webkit-keyframes ballPlateStart{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(5deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(-5deg)}75%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translate(-50%,0%)rotateY(90deg)rotateX(-80deg)}}@keyframes ballPlateStart{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(5deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(-5deg)}75%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translate(-50%,0%)rotateY(90deg)rotateX(-80deg)}}@-webkit-keyframes ballPlateEnd{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(5deg)}25%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translate(-50%,0%)rotateY(90deg)rotateX(80deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(-5deg)}}@keyframes ballPlateEnd{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(5deg)}25%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:translate(-50%,0%)rotateY(90deg)rotateX(80deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:translate(-50%,0%)rotateY(90deg)rotateX(-5deg)}}@-webkit-keyframes ballWrapperSwing{0%,100%{transform:rotateY(90deg)rotate(-5deg)}50%{transform:rotateY(90deg)rotate(5deg)}}@keyframes ballWrapperSwing{0%,100%{transform:rotateY(90deg)rotate(-5deg)}50%{transform:rotateY(90deg)rotate(5deg)}}@-webkit-keyframes ballWrapperStart{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(-5deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(5deg)}75%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:rotateY(90deg)rotate(80deg)}}@keyframes ballWrapperStart{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(-5deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(5deg)}75%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:rotateY(90deg)rotate(80deg)}}@-webkit-keyframes ballWrapperEnd{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(-5deg)}25%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:rotateY(90deg)rotate(-80deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(5deg)}}@keyframes ballWrapperEnd{0%,100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(-5deg)}25%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;transform:rotateY(90deg)rotate(-80deg)}50%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;transform:rotateY(90deg)rotate(5deg)}}.ballPlate .ballWrapper{position:absolute;bottom:.1em;left:calc(50% - .5em);width:1em;height:1em}.ballPlate .ball{position:absolute;width:1em;height:1em;background-color:#fff;border-radius:50%;background-image:radial-gradient(circle at top,#fff,#678a,#000),url(https://assets.codepen.io/1948355/marble01.jpg);background-size:1em,5em;box-shadow:0 0 10px #000a inset;animation:backPos 120s infinite linear,rotate 60s infinite linear reverse}@-webkit-keyframes backPos{from{background-position-x:center,5em}to{background-position-x:center,0}}@keyframes backPos{from{background-position-x:center,5em}to{background-position-x:center,0}}.ballPlate .line{position:absolute;top:0;width:2px;height:2.15em;background-color:#fff7;transform-origin:top}.ballPlate .line::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff7;transform:rotateY(90deg)}.ballPlate .line:nth-child(2){transform:translateX(-1px)rotate(-20deg)}.ballPlate .line:nth-child(3){right:0;transform:translateX(1px)rotate(20deg)}.shadow{position:absolute;top:50%;width:3em;height:3em;background-image:radial-gradient(#0006,#0000 50%)}.shadow:nth-child(1){-webkit-animation:shadowSwing 3s ease-out infinite,shadowStart 3s ease-out infinite;animation:shadowSwing 3s ease-out infinite,shadowStart 3s ease-out infinite}.shadow:nth-child(2){left:2.975em;-webkit-animation:shadowSwing 3s linear infinite;animation:shadowSwing 3s linear infinite}.shadow:nth-child(3){left:4em;-webkit-animation:shadowSwing 3s linear infinite;animation:shadowSwing 3s linear infinite}.shadow:nth-child(4){left:5.025em;-webkit-animation:shadowSwing 3s linear infinite;animation:shadowSwing 3s linear infinite}.shadow:nth-child(5){-webkit-animation:shadowSwing 3s ease-out infinite,shadowEnd 3s ease-out infinite;animation:shadowSwing 3s ease-out infinite,shadowEnd 3s ease-out infinite}@-webkit-keyframes shadowSwing{0%,100%{transform:translate(-50%,-50%)rotateX(0)translateZ(0)translateX(10px)}50%{transform:translate(-50%,-50%)rotateX(0)translateZ(0)translateX(-10px)}}@keyframes shadowSwing{0%,100%{transform:translate(-50%,-50%)rotateX(0)translateZ(0)translateX(10px)}50%{transform:translate(-50%,-50%)rotateX(0)translateZ(0)translateX(-10px)}}@-webkit-keyframes shadowStart{0%,50%,100%{left:1.95em;opacity:1}75%{left:0;opacity:-.5;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes shadowStart{0%,50%,100%{left:1.95em;opacity:1}75%{left:0;opacity:-.5;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes shadowEnd{0%,50%,100%{left:6.05em;opacity:1}25%{left:8em;opacity:-.5;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes shadowEnd{0%,50%,100%{left:6.05em;opacity:1}25%{left:8em;opacity:-.5;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.twitterLink{font-size:24px}.loader{background-color:#333;display:grid;place-content:center}@-webkit-keyframes loader-1{0%{transform:rotate(0);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}100%{transform:rotate(360deg);-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@keyframes loader-1{0%{transform:rotate(0);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}100%{transform:rotate(360deg);-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}.loader-ring{position:relative;width:50vmin;height:50vmin;border-radius:50%;background:linear-gradient(45deg,transparent,transparent 40%,#e5f403);-webkit-animation:loader-1 1.5s linear infinite;animation:loader-1 1.5s linear infinite}.loader-ring::before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background:#333;border-radius:50%;z-index:1000}.loader-ring::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,transparent 40%,#e5f403);border-radius:50%;z-index:1;-webkit-filter:blur(30px);filter:blur(30px)}.loader-2{display:flex;justify-content:center;align-items:center;background:#001d10;-webkit-animation:loader-2-background 10s linear infinite;animation:loader-2-background 10s linear infinite}@-webkit-keyframes loader-2-background{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}@keyframes loader-2-background{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}100%{-webkit-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}.loader-2-loading{position:relative;width:250px;height:250px}.loader-2-blocks{position:absolute;width:8px;height:25px;background:#050c09;left:50%;border-radius:8px;transform:rotate(calc(18deg * var(--i)));transform-origin:0 125px;-webkit-animation:loader-2 1.9s ease-in-out infinite;animation:loader-2 1.9s ease-in-out infinite;-webkit-animation-delay:calc(.05s * var(--i));animation-delay:calc(.05s * var(--i))}@-webkit-keyframes loader-2{0%,50%{background:#050c09;box-shadow:none}50.1%,100%{background:#0f0;box-shadow:0 0 5px #0f0,0 0 15px #0f0,0 0 30px #0f0,0 0 60px #0f0,0 0 90px #0f0}}@keyframes loader-2{0%,50%{background:#050c09;box-shadow:none}50.1%,100%{background:#0f0;box-shadow:0 0 5px #0f0,0 0 15px #0f0,0 0 30px #0f0,0 0 60px #0f0,0 0 90px #0f0}}.loader-2-loading h3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;letter-spacing:2px;-webkit-animation:loader-2-text 2s ease-in-out infinite;animation:loader-2-text 2s ease-in-out infinite;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes loader-2-text{0%,50%{color:#050c09;text-shadow:none}50.1%,100%{color:#0f0;text-shadow:0 0 5px #0f0,0 0 15px #0f0}}@keyframes loader-2-text{0%,50%{color:#050c09;text-shadow:none}50.1%,100%{color:#0f0;text-shadow:0 0 5px #0f0,0 0 15px #0f0}}.paper-hole{position:relative}.paper-hole-background{position:absolute;width:100%;height:100%;background-image:url(/img/paper-hole-background.webp);background-size:cover;background-position:50%}.paper-hole-paper{position:absolute;width:100%;height:100%;background-image:url(/img/paper-hole-paper.webp);background-size:cover;background-position:50%;mix-blend-mode:lighten;-webkit-filter:brightness(1.1);filter:brightness(1.1)}.tea{display:flex;justify-content:center;align-items:center;background:#607d86}.tea-container{position:relative;top:50px;transform:scale(.5)}@media(min-width:550px){.tea-container{transform:scale(.75)}}@media(min-width:768px){.tea-container{transform:scale(1)}}.tea-cup{position:relative;width:280px;height:300px;background:linear-gradient(to right,#f9f9f9,#d9d9d9);border-radius:0 0 45% 45%}.tea-cup-top{position:absolute;top:-30px;left:0;width:100%;height:60px;background:linear-gradient(to right,#f9f9f9,#d9d9d9);border-radius:50%}.tea-cup-top-circle{position:absolute;top:5px;left:10px;width:calc(100% - 20px);height:50px;background:linear-gradient(to left,#f9f9f9,#d9d9d9);border-radius:50%;overflow:hidden}.tea-cup-top-circle-tea{position:absolute;top:20px;left:0;width:100%;height:100%;background:linear-gradient(#c57e65,#e28462);border-radius:50%}.tea-cup-handle{position:absolute;right:-70px;top:40px;width:160px;height:180px;border:25px solid #dcdcdc;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(45deg)}.tea-plate{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:500px;height:200px;background:linear-gradient(to right,#f9f9f9,#e7e7e7);border-radius:50%;box-shadow:0 35px 35px rgba(0,0,0,.2)}.tea-plate::before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;background:linear-gradient(to left,#f9f9f9,#e7e7e7)}.tea-plate::after{content:"";position:absolute;top:30px;left:30px;right:30px;bottom:30px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.2) 25%,transparent,transparent)}.tea-cup-top-vapour{position:relative;display:flex;z-index:1;padding:0 20px}.tea-cup-top-vapour span{position:relative;bottom:50px;display:block;margin:0 2px 50px;min-width:8px;height:120px;background:#fff;border-radius:50%;-webkit-animation:tea-vapour 5s linear infinite;animation:tea-vapour 5s linear infinite;opacity:0;-webkit-filter:blur(8px);filter:blur(8px);-webkit-animation-delay:calc(var(--i) * -.5s);animation-delay:calc(var(--i) * -.5s)}@-webkit-keyframes tea-vapour{0%{transform:translateY(0)scaleX(1);opacity:0}15%{opacity:1}50%{transform:translateY(-150px)scaleX(5)}95%{opacity:0}100%{transform:translateY(-300px)scaleX(10)}}@keyframes tea-vapour{0%{transform:translateY(0)scaleX(1);opacity:0}15%{opacity:1}50%{transform:translateY(-150px)scaleX(5)}95%{opacity:0}100%{transform:translateY(-300px)scaleX(10)}}.squid-game{position:relative;display:flex;background:#fff}.squid-game-card{position:relative;display:flex;justify-content:center;align-items:center;flex-grow:1;transition:.5s ease-in-out;overflow:hidden}.squid-game-card:hover,.squid-game-card:active{flex-grow:3;background:#1a1a1a}.squid-game-card ion-icon{font-size:15vw;color:#1a1a1a;transition:.5s ease-in-out}.squid-game-card:hover ion-icon,.squid-game-card:active ion-icon{color:#fff;font-size:25vw;-webkit-filter:drop-shadow(0 0 10px #ea4884)drop-shadow(0 0 30px #ea4884)drop-shadow(0 0 60px #ea4884)drop-shadow(0 0 100px #ea4884)drop-shadow(0 0 150px #ea4884);filter:drop-shadow(0 0 10px #ea4884)drop-shadow(0 0 30px #ea4884)drop-shadow(0 0 60px #ea4884)drop-shadow(0 0 100px #ea4884)drop-shadow(0 0 150px #ea4884)}.plane{position:relative;display:flex;justify-content:center;align-items:center;background:#034071;overflow:hidden}.plane-runway{position:absolute;width:400px;height:100vh;background:#1378bc;border-left:20px solid rgba(0,0,0,.25);border-right:20px solid rgba(0,0,0,.25);transition:transform 1s;transition-delay:1s;transform-origin:top}.plane:active .plane-runway{transform:scaleX(.7)scaleY(0);transform-origin:bottom}.plane-runway::before{content:"";position:absolute;width:20px;height:100%;top:0;left:50%;transform:translateX(-50%);background:repeating-linear-gradient(transparent 0%,transparent 50%,#fff 50%,#fff 100%);background-size:20px 320px;-webkit-animation:planeRunway .5s linear infinite;animation:planeRunway .5s linear infinite}.plane:active .plane-runway::before{-webkit-animation:planeRunway .25s linear infinite;animation:planeRunway .25s linear infinite}@-webkit-keyframes planeRunway{0%{background-position-y:0}100%{background-position-y:640px}}@keyframes planeRunway{0%{background-position-y:0}100%{background-position-y:640px}}.plane-airplane{position:absolute;bottom:100px;max-width:250px;pointer-events:none;-webkit-filter:drop-shadow(10px 10px 0 rgba(0,0,0,.5));filter:drop-shadow(10px 10px 0 rgba(0,0,0,.5));transition:5s}.plane:active .plane-airplane{max-width:500px;-webkit-filter:drop-shadow(200px 200px 0 transparent);filter:drop-shadow(200px 200px 0 transparent)}.plane-clouds{position:absolute;left:0;z-index:10;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 2s;transition-delay:0s}.plane:active .plane-clouds{opacity:1;transition-delay:1s}.plane-clouds img{position:absolute;left:0;width:800px;-webkit-animation:planeClouds 4s linear infinite;animation:planeClouds 4s linear infinite;-webkit-animation-delay:calc(-1.5s * var(--i));animation-delay:calc(-1.5s * var(--i))}@-webkit-keyframes planeClouds{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@keyframes planeClouds{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.plane-clouds2{right:0;transform:rotate(180deg)}.plane-clouds2 img{-webkit-animation:planeClouds2 4s linear infinite;animation:planeClouds2 4s linear infinite;-webkit-animation-delay:calc(-1.5s * var(--i));animation-delay:calc(-1.5s * var(--i))}@-webkit-keyframes planeClouds2{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}@keyframes planeClouds2{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}.halloween{background:#010405}.halloween-parallax{position:relative;width:100%;min-height:100vh;overflow:hidden}.halloween-parallax img{position:absolute;top:0;left:0;max-width:100%}.halloween-parallax::before{content:"";position:absolute;bottom:0;width:100%;height:100px;background:linear-gradient(to top,#010405,transparent);z-index:10}.halloween-text{min-height:100vh;position:relative;padding:100px;text-align:center}.halloween-text h2{color:#ff9425;font-family:fruktur,cursive;margin-bottom:20px}.halloween-text p{color:#fff;font-size:1.2rem;line-height:1.5rem;font-family:consolas}.glowing-button,.glowing-button::before,.glowing-button::after{box-sizing:border-box}.glowing-button{display:grid;place-items:center;background:#333;color:#005694}.glowing-button__button{font-size:5vw;display:inline-block;cursor:pointer;text-decoration:none;color:#005694;border:#005694 .125em solid;padding:.25em 1em;border-radius:.25em;box-shadow:inset 0 0 .5em #005694,0 0 .5em #005694;position:relative;z-index:2}.glowing-button__button::before{pointer-events:none;content:"";position:absolute;background:#005694;top:120%;left:0;width:100%;height:100%;transform:perspective(1em)rotateX(40deg)scale(1,.35);-webkit-filter:blur(1em);filter:blur(1em);opacity:.7}.glowing-button__button::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 2em .5em #005694;opacity:0;background-color:#005694;z-index:-1;transition:opacity 100ms linear}.glowing-button__button:hover,.glowing-button__button:focus{color:#333;text-shadow:none}.glowing-button__button:hover::before,.glowing-button__button:focus::before{opacity:1}.glowing-button__button:hover::after,.glowing-button__button:focus::after{opacity:1}.kalbach{display:grid;place-items:center}.kalbach .kalbach__schild{display:grid;justify-items:center;align-content:space-evenly;width:320px;height:208px;background:#eba301;border-radius:5px;box-shadow:0 0 0 10px black,0 0 0 25px #eba301;font-size:2rem}.keyboard-keys{font-family:consolas;display:grid;place-items:center;background:#232323}.keyboard-keys span{position:relative;display:inline-block;width:80px;height:80px;padding:8px 15px;margin:8px 4px;border-radius:10px;background:linear-gradient(180deg,#282828,#202020);box-shadow:inset -8px 0 8px rgba(0,0,0,.15),inset 0 -8px 8px rgba(0,0,0,.25),0 0 0 2px rgba(0,0,0,.75),10px 20px 25px rgba(0,0,0,.4);overflow:hidden}.keyboard-keys span:last-child{width:90%}.keyboard-keys span::before{content:"";position:absolute;top:3px;left:4px;bottom:14px;right:12px;background:linear-gradient(90deg,#232323,#4a4a4a);border-radius:10px;box-shadow:-10px -10px 10px rgba(255,255,255,.25),10px 5px 10px rgba(0,0,0,.15);border-left:1px solid #0004;border-bottom:1px solid #0004;border-top:1px solid #0009}.keyboard-keys span i{position:relative;color:#fff;font-style:normal;font-size:1.5rem;text-transform:uppercase}.section--glowing-cube{display:grid;place-items:center;background:#050505}.section--glowing-cube .glowing-cube{position:relative;width:300px;height:300px;transform-style:preserve-3d;animation:glowing-cube 4s linear infinite;transform:scale(.6)}.section--glowing-cube .glowing-cube__wrapper{transform:scale(.6)}@media(min-width:550px){.section--glowing-cube .glowing-cube__wrapper{transform:scale(.8)}}@media(min-width:768px){.section--glowing-cube .glowing-cube__wrapper{transform:scale(1)}}@keyframes glowing-cube{0%{transform:rotateX(-30deg)rotateY(0)}100%{transform:rotateX(-30deg)rotateY(360deg)}}.section--glowing-cube .glowing-cube__sides{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}.section--glowing-cube .glowing-cube__sides span{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#151515,#00ec00);transform:rotateY(calc(90deg * var(--i)))translateZ(150px)}.section--glowing-cube .glowing-cube__top{transform-style:preserve-3d;position:absolute;top:0;left:0;width:300px;height:300px;background:#222;transform:rotateX(90deg)translateZ(150px)}.section--glowing-cube .glowing-cube__top::before{content:"";position:absolute;top:0;left:0;width:300px;height:300px;background:#00ec00;transform:translateZ(-380px);-webkit-filter:blur(20px);filter:blur(20px);box-shadow:0 0 100px #00ec0030,0 0 200px #00ec0060,0 0 300px #00ec0090,0 0 400px #00ec00c0,0 0 500px #00ec00ff}.section__triforce-3d{align-items:center;justify-content:center}.section__triforce-3d .triforce{display:flex;align-items:center;justify-content:center;position:relative;width:200px;height:calc( 200px/2 * 1.7320508075688772935274463415059);transform:rotateX(-20deg)rotateY(-20deg);transform-style:preserve-3d;animation:rotate-triforce-1 1s ease-in 9s 1,rotate-triforce-2 10s linear 10s infinite}@keyframes rotate-triforce-1{0%{transform:rotateX(-20deg)rotateY(-20deg)}100%{transform:rotateX(-20deg)rotateY(0)}}@keyframes rotate-triforce-2{0%{transform:rotateX(-20deg)rotateY(0)}100%{transform:rotateX(-20deg)rotateY(360deg)}}.section__triforce-3d .triforce__fragment{display:flex;align-items:center;justify-content:center;position:absolute;transform-style:preserve-3d;width:calc(200px/2);height:calc(calc( 200px/2 * 1.7320508075688772935274463415059)/2);animation:animate-triforce-fragment 8s ease-out}@keyframes animate-triforce-fragment{from{transform:translateY(-650px)rotateY(0)}to{transform:translateY(0)rotateY(720deg)}}.section__triforce-3d .triforce__fragment--top{top:0}.section__triforce-3d .triforce__fragment--left{bottom:0;left:0}.section__triforce-3d .triforce__fragment--right{bottom:0;right:0}.section__triforce-3d .triforce__fragment__triangle{position:absolute;border-top:0;border-left:calc(calc(200px/2)/2)solid transparent;border-right:calc(calc(200px/2)/2)solid transparent;border-bottom:calc(calc( 200px/2 * 1.7320508075688772935274463415059)/2)solid #bab65e;animation:animate-triforce-fragment-triangle 3s ease-in-out infinite}@keyframes animate-triforce-fragment-triangle{0%{border-bottom-color:#bab65e}50%{border-bottom-color:#fff41a}100%{border-bottom-color:#bab65e}}.section__triforce-3d .triforce__fragment__triangle--front{transform:translateZ(calc(40px/2))}.section__triforce-3d .triforce__fragment__triangle--back{transform:translateZ(calc(calc(40px/2) * -1))}.section__triforce-3d .triforce__fragment__side{position:absolute;width:40px;height:calc(200px/2);background:rgba(153,145,0,.9)}.section__triforce-3d .triforce__fragment__side--bottom{transform:rotateX(90deg);width:calc(200px/2);height:40px;bottom:calc(calc(40px/2) * -1)}@keyframes animate-triforce-fragment-side-bottom{0%{transform:rotateX(0)}100%{transform:rotateX(90deg)}}.section__triforce-3d .triforce__fragment__side--left{transform:rotateY(90deg)rotateX(-30deg);left:calc(calc(40px/2) * -1);bottom:0;transform-origin:bottom}@keyframes animate-triforce-fragment-side-left{0%{transform:rotateY(0)rotateX(0)}50%{transform:rotateY(90deg)rotateX(0)}100%{transform:rotateY(90deg)rotateX(-30deg)}}.section__triforce-3d .triforce__fragment__side--right{transform:rotateY(90deg)rotateX(30deg);right:calc(calc(40px/2) * -1);bottom:0;transform-origin:bottom}@keyframes animate-triforce-fragment-side-right{0%{transform:rotateY(0)rotateX(0)}50%{transform:rotateY(90deg)rotateX(0)}100%{transform:rotateY(90deg)rotateX(30deg)}}.section--calculator{font-family:consolas;display:flex;justify-content:center;align-items:center;background:#333}.section--calculator .calculator__container{position:relative;min-width:300px;min-height:400px;background:#333;padding:40px 30px 30px;border-radius:20px;box-shadow:25px 25px 75px rgba(0,0,0,.25),10px 10px 70px rgba(0,0,0,.25),inset -5px -5px 15px rgba(0,0,0,.5),inset 5px 5px 15px rgba(0,0,0,.5)}.section--calculator .calculator__container .calculator{position:relative;display:grid}.section--calculator .calculator__container .calculator__value{position:relative;grid-column:span 4;height:100px;left:10px;width:calc(100% - 20px);border:none;outline:none;background:#a7af7c;margin-bottom:10px;border-radius:10px;box-shadow:0 0 0 2px rgba(0,0,0,.75);text-align:right;padding:10px;font-size:2em}.section--calculator .calculator__container .calculator span{position:relative;display:grid;justify-content:center;align-items:center;width:80px;height:80px;background:linear-gradient(180deg,#2f2f2f,#3f3f3f);box-shadow:inset -8px 0 8px rgba(0,0,0,.15),inset 0 -8px 8px rgba(0,0,0,.25),0 0 0 2px rgba(0,0,0,.75),10px 20px 25px rgba(0,0,0,.4);color:#fff;user-select:none;cursor:pointer;font-weight:400;border-radius:10px;margin:10px}.section--calculator .calculator__container .calculator span::before{content:"";position:absolute;top:3px;left:4px;bottom:14px;right:12px;background:linear-gradient(90deg,#2d2d2d,#4d4d4d);border-radius:10px;box-shadow:-5px -5px 15px rgba(0,0,0,.1),10px 5px 10px rgba(0,0,0,.15);border-left:1px solid #0004;border-bottom:1px solid #0004;border-top:1px solid #0009}.section--calculator .calculator__container .calculator span:active{filter:brightness(1.5)}.section--calculator .calculator__container .calculator span i{position:relative;font-style:normal;font-size:1.5em;text-transform:uppercase}.section--calculator .calculator__container .calculator span.clear{grid-column:span 2;width:180px;background:red}.section--calculator .calculator__container .calculator span.clear::before{background:linear-gradient(90deg,#d20000,#ffffff5c);border-left:1px solid #fff4;border-bottom:1px solid #fff4;border-top:1px solid #fff4}.section--calculator .calculator__container .calculator span.plus{grid-row:span 2;height:170px}.section--calculator .calculator__container .calculator span.equal{background:#2196f3}.section--calculator .calculator__container .calculator span.equal::before{background:linear-gradient(90deg,#1479c9,#ffffff5c);border-left:1px solid #fff4;border-bottom:1px solid #fff4;border-top:1px solid #fff4}.section--glowing-tubelight{display:grid;justify-content:center;align-items:center;background:#07252d}.section--glowing-tubelight h2{font-family:arial;position:relative;font-size:6em;letter-spacing:15px;color:#0e3742;text-transform:uppercase;width:100%;text-align:center;-webkit-box-reflect:below 1px linear-gradient(transparent,#0008);line-height:.7em;outline:none;animation:glowing-tubelight 5s linear infinite}@keyframes glowing-tubelight{0%,18%,20%,50.1%,60%,65.1%,80%,90.1%,92%{color:#0e3742;text-shadow:none}18.1%,20.1%,30%,50%,60.1%,65%,80.1%,90%,92.1%,100%{color:#fff;text-shadow:0 0 10px #03bcf4,0 0 20px #03bcf4,0 0 40px #03bcf4,0 0 80px #03bcf4,0 0 160px #03bcf4}}.section--water-wave{display:grid;align-items:center;justify-content:center;background:#000}.section--water-wave .water-wave__content{position:relative}.section--water-wave .water-wave__content h2{position:absolute;transform:translate(-50%,-50%);font-size:8em;font-weight:500}.section--water-wave .water-wave__content h2:nth-child(1){color:transparent;-webkit-text-stroke:2px #03a9f4}.section--water-wave .water-wave__content h2:nth-child(2){color:#03a9f4;animation:water-wave 4s ease-in-out infinite}@keyframes water-wave{0%,100%{clip-path:polygon(0% 45%,15% 44%,32% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0 60%,16% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.section--thanos{overflow:hidden;background:#000;max-height:calc(100vh - 64px)}.section--thanos .thanos__container{position:relative;display:flex;flex-wrap:wrap;transform-style:preserve-3d;perspective:1000px}.section--thanos .thanos__container .thanos__block{position:relative;width:5vw;height:5vw;background:url(/img/thanos.webp);background-size:cover;background-attachment:fixed;background-position:30%;transform-style:preserve-3d}.section--pokeball{display:grid;justify-content:center;align-items:center}.section--pokeball .pokeball{position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:300px;border:16px solid #222224;border-radius:50%;background:linear-gradient(#fb1b1b 0%,#fb1b1b 50%,#f0f0f0 50%,#f0f0f0 100%);animation:pokeball 5s ease-out 1s infinite forwards;transform-origin:bottom}@keyframes pokeball{0%{transform:rotate(0)}5%{transform:rotate(-10deg)}10%{transform:rotate(10deg)}15%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}25%{transform:rotate(0)}50%{transform:rotate(0)}55%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}65%{transform:rotate(5deg)}70%{transform:rotate(-5deg)}75%{transform:rotate(0)}100%{transform:rotate(0)}}.section--pokeball .pokeball__center{position:absolute;width:100px;height:100px;border:16px solid #222224;border-radius:50%;background-color:#fff}.section--pokeball .pokeball__line{position:absolute;width:100%;height:16px;background-color:#222224}.section--straw-hat{display:grid;justify-content:center;align-items:center;background-color:#000}.section--straw-hat .straw-hat{position:relative;display:flex;justify-content:center;align-items:center;width:350px;height:350px}.section--straw-hat .straw-hat__bone{position:absolute;width:20px;height:150px;background-color:#fff;transform-origin:bottom;bottom:175px}.section--straw-hat .straw-hat__bone::before,.section--straw-hat .straw-hat__bone::after{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background-color:#fff}.section--straw-hat .straw-hat__bone::before{top:-15px;left:-14px}.section--straw-hat .straw-hat__bone::after{top:-15px;right:-14px}.section--straw-hat .straw-hat__bone--top-left{transform:rotate(-45deg)}.section--straw-hat .straw-hat__bone--top-right{transform:rotate(45deg)}.section--straw-hat .straw-hat__bone--bottom-left{transform:rotate(-135deg)}.section--straw-hat .straw-hat__bone--bottom-right{transform:rotate(135deg)}.section--straw-hat .straw-hat__jaw{position:absolute;display:flex;justify-content:center;align-items:center;width:100px;height:100px;border:4px solid #000;background-color:#fff;bottom:45px;border-radius:40% 40% 50% 50%/60% 60% 50% 50%;overflow:hidden}.section--straw-hat .straw-hat__jaw__bottom{position:absolute;display:flex;justify-content:center;align-items:center;width:300px;height:500px;border:4px solid #000;border-radius:50%;bottom:35px;overflow:hidden}.section--straw-hat .straw-hat__jaw__top{position:absolute;width:300px;height:500px;border:4px solid #000;border-radius:50%;bottom:15px}.section--straw-hat .straw-hat__jaw__teeth,.section--straw-hat .straw-hat__jaw__teeth::before,.section--straw-hat .straw-hat__jaw__teeth::after{position:absolute;width:4px;height:250px;background-color:#000;bottom:0}.section--straw-hat .straw-hat__jaw__teeth::before,.section--straw-hat .straw-hat__jaw__teeth::after{content:"";transform-origin:top}.section--straw-hat .straw-hat__jaw__teeth::before{transform:rotate(-6deg)}.section--straw-hat .straw-hat__jaw__teeth::after{transform:rotate(6deg)}.section--straw-hat .straw-hat__head{display:flex;justify-content:center;align-items:center;position:absolute;width:165px;height:165px;background:linear-gradient(#ffd121 0%,#ffd121 30%,#000000 30%,#000000 32.5%,#ff0011 32.5%,#ff0011 50%,#ffffff 50%,#ffffff 100%);border-radius:50%;border:4px solid #000;top:65px}.section--straw-hat .straw-hat__head__eye{width:45px;height:45px;position:absolute;background-color:#000;border-radius:50%;bottom:20px}.section--straw-hat .straw-hat__head__eye--left{left:25px}.section--straw-hat .straw-hat__head__eye--right{right:25px}.section--straw-hat .straw-hat__head__nose{width:20px;height:15px;position:absolute;background-color:#000;bottom:10px;border-radius:50%}.section--straw-hat .straw-hat__head__hat-rim{position:absolute;width:240px;height:15px;background-color:#ffd121;border:4px solid #000;border-radius:10px}.section--avatar{display:flex;justify-content:center;align-items:center;background-color:#333}.section--avatar .avatar{position:relative;display:flex;justify-content:center;align-items:center;width:300px;height:300px}.section--avatar .avatar__arrow{position:absolute;top:0;width:200px;height:200px;background-color:#7094b7;clip-path:polygon(50% 100%,100% 50%,73% 50%,73% 0%,27% 0%,27% 50%,0% 50%,50% 100%);animation:avatar 3s infinite alternate ease-in-out}.section--avatar .avatar__eye{position:absolute;width:75px;height:50px;background-color:#7094b7;top:200px;animation:avatar 3s infinite alternate ease-in-out}.section--avatar .avatar__eye--left{left:20px;border-radius:0 75px 0 75px}.section--avatar .avatar__eye--right{right:20px;border-radius:75px 0 75px 0}@keyframes avatar{to{background-color:#fbfbfd}}.section--dragonball{display:flex;justify-content:center;align-items:center}.section--dragonball .dragonball{display:grid;grid-template-columns:50px 50px;grid-template-rows:50px 50px;justify-content:center;align-content:center;width:300px;height:300px;border:4px solid #333;border-radius:50%;background-color:#f92;gap:20px;animation:dragonball 20s linear infinite}@keyframes dragonball{to{transform:rotate(360deg)}}.section--dragonball .dragonball__star{width:50px;height:50px;background-color:#f00000;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:dragonball 20s linear reverse infinite}.section--drunk-taxi{display:flex;align-items:center;justify-content:center;background-color:#ededed}.section--drunk-taxi .drunk-taxi__road{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:500px;background-color:#333;border-radius:75px;transform-style:preserve-3d;perspective:500px}@media(min-width:550px){.section--drunk-taxi .drunk-taxi__road{transform:rotate(90deg)scale(.7);height:700px}}@media(min-width:768px){.section--drunk-taxi .drunk-taxi__road{transform:rotate(90deg)}}.section--drunk-taxi .drunk-taxi__road::before{content:"";position:absolute;width:4px;height:100%;background:linear-gradient(#fff,#fff 50%,transparent 50%,transparent 100%);background-size:4px 50px;animation:animate-road .125s linear infinite}@keyframes animate-road{to{background-position:4px 50px}}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi{position:absolute;bottom:calc(50% - 250px);width:80px;height:200px;background-color:#f4b603;border-radius:10px;box-shadow:10px 10px rgba(0,0,0,.25);transform-style:preserve-3d;perspective:800px;animation:animate-taxi 2s linear infinite;z-index:10}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi:nth-child(2){bottom:50%;animation:animate-taxi 4s linear infinite;animation-delay:-1s;z-index:9}@keyframes animate-taxi{0%{transform:translateX(-20px)translateY(-20px)}25%{transform:translateX(10px)translateY(0)}50%{transform:translateX(20px)translateY(-20px)}75%{transform:translateX(10px)translateY(0)}100%{transform:translateX(-20px)translateY(-20px)}}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi::before{content:"";position:absolute;bottom:2px;left:12px;width:15px;height:5px;border-radius:2px;background-color:#fc3c25;box-shadow:42px 0 #fc3c25}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi::after{content:"";position:absolute;left:10px;top:2px;width:16px;height:6px;border-radius:2px;background-color:#fff;box-shadow:44px 0 #fff}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span{position:absolute;inset:10px 5px;background:#fdd206;border-radius:10px;overflow:hidden}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span::before{content:"Taxi";font-family:consolas;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2px;font-size:.75em;font-weight:1000;text-transform:uppercase;letter-spacing:.1em;border-radius:2px;box-shadow:0 0 0 1px #0005;z-index:10}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span b{position:absolute;inset:30px 0;background:#111;border-radius:10px}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span b::before{content:"";position:absolute;inset:25px 6px;background:#fdd206;border-radius:5px}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span b::after{content:"";position:absolute;inset:58px 0;background:#fdd206}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span i{position:absolute;inset:0}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span i::before{content:"";position:absolute;top:24px;left:2px;width:5px;height:40px;background:#fdd206;transform-origin:right;transform:rotate(-15deg);box-shadow:34px 100px #fdd206}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi span i::after{content:"";position:absolute;top:24px;right:2px;width:5px;height:40px;background:#fdd206;transform-origin:right;transform:rotate(15deg);box-shadow:-34px 100px #fdd206}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi__light-beam{position:absolute;top:2px;right:5px;width:70px;height:10px;background:#0002;border-radius:15px;transform-style:preserve-3d}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi__light-beam::before{content:"";position:absolute;bottom:0;left:5px;width:16px;height:150px;background:linear-gradient(0deg,#fff6,transparent);transform-origin:bottom;transform:perspective(500px)rotateX(-50deg)}.section--drunk-taxi .drunk-taxi__road .drunk-taxi__taxi__light-beam::after{content:"";position:absolute;bottom:0;right:5px;width:16px;height:150px;background:linear-gradient(0deg,#fff6,transparent);transform-origin:bottom;transform:perspective(500px)rotateX(-50deg)}.section--nintendo-switch{display:grid;justify-content:center;align-items:center;background-color:#e60012}.section--nintendo-switch .nintendo-switch{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:27px;width:300px;height:300px;animation-name:nintendo-switch;animation-duration:2000ms;animation-timing-function:cubic-bezier(.65,.05,.36,1);animation-delay:500ms;animation-fill-mode:forwards;animation-iteration-count:infinite}@keyframes nintendo-switch{0%{transform:translateY(0)}10%{transform:translateY(0)}20%{transform:translateY(20px)}30%{transform:translateY(0)}100%{transform:translateY(0)}}.section--nintendo-switch .nintendo-switch__joycon{position:relative;display:flex;justify-content:center;align-items:center;width:128px;height:263px}.section--nintendo-switch .nintendo-switch__joycon--left{background-color:#e60012;border:21px solid #fff;border-radius:70px 0 0 70px}.section--nintendo-switch .nintendo-switch__joycon--right{background-color:#fff;border-radius:0 70px 70px 0;transform:translateY(-130px);animation-name:joycon-right;animation-duration:2s;animation-timing-function:cubic-bezier(.19,.92,.32,1);animation-delay:500ms;animation-fill-mode:both;animation-iteration-count:infinite}@keyframes joycon-right{0%{transform:translateY(-130px)}10%{transform:translateY(-150px)}20%{transform:translateY(0)}40%{transform:translateY(0)}70%{transform:translateY(0)}100%{transform:translateY(-130px)}}.section--nintendo-switch .nintendo-switch__joycon__stick{position:absolute;width:50px;height:50px;border-radius:50%}.section--nintendo-switch .nintendo-switch__joycon__stick--left{top:33px;background-color:#fff}.section--nintendo-switch .nintendo-switch__joycon__stick--right{top:118px;background-color:#e60012}.section--super-smash-bros{display:grid;justify-content:center;align-items:center}.section--super-smash-bros .super-smash-bros{width:300px;height:300px;border-radius:50%;background-color:#000;clip-path:path("\a       M0,0\a       L55,0\a       L55,180\a       L0,180Z\a       \a       M131 0\a       L300 0\a       L300 180\a       L131 180Z\a       \a       M131 208\a       L300 208\a       L300 300\a       L131 300Z\a \a       M0 208\a       L55 208\a       L55 300\a       L0 300Z\a         ")}.section--watch{display:flex;align-items:center;justify-content:center}.section--watch .hour_marker{fill:transparent;stroke:#f0f0c9;stroke-width:7;stroke-dasharray:.2,4.8;stroke-dashoffset:.1}.section--watch .minute_marker{fill:transparent;stroke:#0f0e0e;stroke-width:7;stroke-dasharray:.2,.8;stroke-dashoffset:.1}.section--watch .hand{stroke:#fff;stroke-width:2;stroke-linecap:round}.section--watch .hand--thick{stroke-width:7}.section--watch .hand--second{stroke:#ff0}.section--watch .center{fill:#7b0828;stroke-width:2;stroke:#fff}.section--watch .text{fill:#f0f0c9;font-family:roboto,sans-serif;text-anchor:middle;cursor:pointer;user-select:none}