@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}:root{--speed: 1;--delay: .5;--font-size: 24}.glitch--0{animation:glitch--0 4s infinite steps(1)}.glitch--0 [data-char=F],.glitch--0 [data-char=I],.glitch--0 [data-char=O],.glitch--0 [data-char=E]{--x-1: 50;--y-1: 50;animation:jump-0 calc(var(--speed) * 1s) infinite steps(1)}.glitch--0 [data-char=O]{--x-2: -20;--y-2: -25;--scale-1: 1.3;--scale-2: .75;--speed: 2}.glitch--0 [data-char=F],.glitch--0 [data-char=I]{--scale-1: 1.3;--scale-2: .75;--speed: 1.25;--x-2: 15;--y-2: -40}.glitch--0 [data-char=E]{--scale-1: .5;--scale-2: .5;--speed: 10;--x-1: 0;--x-2: 0;--y-1: 20;--y-2: 10}.glitch--1{--shift: 5;animation:glitch--1 4s infinite steps(1)}.glitch--1 [data-char=G],.glitch--1 [data-char=L],.glitch--1 [data-char=T],.glitch--1 [data-char=H]{position:relative}.glitch--1 [data-char=G]:after,.glitch--1 [data-char=L]:after,.glitch--1 [data-char=T]:after,.glitch--1 [data-char=H]:after,.glitch--1 [data-char=G]:before,.glitch--1 [data-char=L]:before,.glitch--1 [data-char=T]:before,.glitch--1 [data-char=H]:before{content:attr(data-char);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;clip-path:var(--clip)}.glitch--1 [data-char=G]:after,.glitch--1 [data-char=L]:after,.glitch--1 [data-char=T]:after,.glitch--1 [data-char=H]:after{--clip: inset(0 0 calc(var(--split) * 1%) 0)}.glitch--1 [data-char=G]:before,.glitch--1 [data-char=L]:before,.glitch--1 [data-char=T]:before,.glitch--1 [data-char=H]:before{--clip: inset(calc((95 - var(--split)) * 1%) 0 0 0)}.glitch--1 [data-char=G]:after,.glitch--1 [data-char=L]:after,.glitch--1 [data-char=G]:before,.glitch--1 [data-char=L]:before{--split: 70;opacity:.75}.glitch--1 [data-char=G]:after,.glitch--1 [data-char=L]:after{--shift: -25}.glitch--1 [data-char=G]:before,.glitch--1 [data-char=L]:before{animation:glitch--1 5s 1s infinite steps(1) alternate-reverse;--shift: -50}.glitch--1 [data-char=T]{color:transparent}.glitch--1 [data-char=T]:after,.glitch--1 [data-char=T]:before{--split: 60;animation:glitch--1 3s 1s infinite steps(1) alternate-reverse}.glitch--1 [data-char=T]:after{--shift: -25}.glitch--1 [data-char=T]:before{--shift: 10}.glitch--1 [data-char=H]{color:transparent}.glitch--1 [data-char=H]:after,.glitch--1 [data-char=H]:before{--split: 50;color:#fff}.glitch--1 [data-char=H]:after{animation:drop--1 2s 1s infinite steps(1)}.glitch--2 [data-char=G]{--scale: 1.75;animation:scale 4s infinite steps(1)}.glitch--2 [data-char=T],.glitch--2 [data-char=C]{animation:shrink 5s infinite steps(1),shift 4s infinite steps(1)}.glitch--2 [data-char=L],.glitch--2 [data-char=I]{--scale: .65;animation:scale 5s infinite steps(1)}.glitch--2 [data-char=H]{animation:shift 5s infinite steps(1)}.glitch--3 [data-char]{--split: 50;color:transparent;position:relative;animation:glitch--3 1.5s infinite ease-in-out alternate-reverse}.glitch--3 [data-char]:after,.glitch--3 [data-char]:before{content:attr(data-char);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;clip-path:var(--clip)}.glitch--3 [data-char]:after{transform:translate(calc(var(--shift) * 1%));--clip: inset(0 0 calc(var(--split) * 1%) 0);text-shadow:calc(var(--shadow) * 1px) calc(var(--shadow) * 1px) #f00}.glitch--3 [data-char]:before{--clip: inset(calc((95 - var(--split)) * 1%) 0 0 0)}.glitch--4 [data-char]{--delay: 0;--speed: 5;--skew: 25;animation:skew 5s infinite steps(1) alternate,shrink calc(var(--speed) * 1s) calc(var(--delay) * 1s) infinite steps(1)}.glitch--4 [data-char=G]{--speed: 4;--delay: 2}.glitch--4 [data-char=T],.glitch--4 [data-char=C]{--speed: 6;--delay: 1;transform-origin:bottom}.glitch--4 [data-char=I]{--skew: -10;--speed: 10;--delay: 3}.glitch--5 [data-char]{position:relative;animation:glitch--5 2s infinite alternate,scale 4s -2s infinite steps(1)}.glitch--5 [data-char]:after,.glitch--5 [data-char]:before{content:attr(data-char);transform:skew(calc(var(--skew) * 1deg));position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;opacity:.75}.glitch--5 [data-char]:after{text-shadow:calc(var(--spread) * -1px) calc(var(--spread) * -1px) #f00}.glitch--5 [data-char]:before{text-shadow:calc(var(--spread) * 1px) calc(var(--spread) * 1px) #bada55}.glitch--5 [data-char=I]{--scale: 1.2}.glitch--5 [data-char=C]{--scale: 1.5}.glitch--5 [data-char=H]{--scale: .5}.glitch--6 [data-char]{animation:flicker calc(var(--speed, 4) * 1s) calc(var(--delay, 0) * 1s) infinite steps(1);opacity:var(--opacity, 1);--speed: calc(var(--char-index) + 1);--delay: var(--char-index)}.glitch--7 [data-char]{--scale: 1.15;animation:scale calc(var(--speed, 4) * 1s) calc(var(--delay, 0) * 1s) infinite steps(1),shrink calc(var(--speed, 4) * 1s) calc(var(--delay, 0) * 1s) infinite steps(1);opacity:var(--opacity, 1);--speed: calc(var(--char-index) + 2);--delay: var(--char-index)}.glitch--8 [data-char]{--split: 50;color:transparent;position:relative}.glitch--8 [data-char]:after,.glitch--8 [data-char]:before{content:attr(data-char);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;clip-path:var(--clip)}.glitch--8 [data-char]:after{--clip: inset(0 0 calc(var(--split) * 1%) 0);--shift-y: -20;--shift-x: 50;animation:shift 3s infinite steps(1)}.glitch--8 [data-char]:before{--shift-x: -50;animation:shift 4s infinite steps(1);--clip: inset(calc((95 - var(--split)) * 1%) 0 0 0)}.glitch--8 [data-char=C]:after,.glitch--8 [data-char=H]:after{--shift-y: 25;--shift-x: 0}.glitch--9 [data-char]{--split: 65;color:transparent;position:relative}.glitch--9 [data-char]:after,.glitch--9 [data-char]:before{content:attr(data-char);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;clip-path:var(--clip);animation:shift calc(var(--speed, 4) * 1s) infinite steps(1)}.glitch--9 [data-char=G]:after,.glitch--9 [data-char=T]:after,.glitch--9 [data-char=C]:after,.glitch--9 [data-char=H]:after{--clip: inset(0 calc(var(--split) * 1%) 0 0);--shift-y: 0;--shift-x: -10;--speed: 2}.glitch--9 [data-char=G]:before,.glitch--9 [data-char=T]:before,.glitch--9 [data-char=C]:before,.glitch--9 [data-char=H]:before{--shift-x: 0;--shift-y: -15;--speed: 5;--clip: inset(0 0 0 calc((99 - var(--split)) * 1%))}.glitch--9 [data-char=L],.glitch--9 [data-char=I]{--split: 50}.glitch--9 [data-char=L]:after,.glitch--9 [data-char=I]:after{--clip: inset(0 0 calc(var(--split) * 1%) 0);--shift-y: 0;--shift-x: 25;--speed: 3}.glitch--9 [data-char=L]:before,.glitch--9 [data-char=I]:before{--shift-x: 0;--shift-y: 20;--speed: 5;--clip: inset(calc((99 - var(--split)) * 1%) 0 0 0)}.glitch--9 [data-char=G]:after{--shift-y: -20}.glitch--9 [data-char=G]:before{--shift-y: 20}.glitch--10 [data-char]{--txt: attr(data-char);color:transparent;position:relative}.glitch--10 [data-char]:after{content:var(--txt);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;animation:flash-letter calc(var(--speed, 3) * 1s) calc(var(--delay, 0) * 1s) infinite,scale calc(var(--speed, 3) * 1s) calc(var(--delay, 0) * 1s) infinite steps(1)}.glitch--10 [data-char=G]{--speed: 2;--delay: 0;--letter-1: "X";--letter-2: "∞";--letter-3: "(";--letter-4: "…"}.glitch--10 [data-char=I]{--speed: 10;--delay: 4;--letter-3: "ç";--letter-4: "∂"}.glitch--10 [data-char=C],.glitch--10 [data-char=H]{--scale: .75;--speed: 6;--delay: 2;--letter-2: "à";--letter-4: "¶"}.glitch--11 [data-char]{color:transparent;position:relative;--speed: calc((var(--char-index) + 1) * 2);--delay: var(--char-index)}.glitch--11 [data-char]:after,.glitch--11 [data-char]:before{position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff}.glitch--11 [data-char]:after{content:attr(data-char);animation:hide calc(var(--speed, 2) * 1s) calc(var(--delay, 0) * 1s) infinite ease alternate-reverse both}.glitch--11 [data-char]:before{color:#cccfff;content:var(--txt);animation:reveal calc(var(--speed, 2) * 1s) calc(var(--delay, 0) * 1s) infinite ease alternate-reverse both}.glitch--11 [data-char=G]{--txt: "S"}.glitch--11 [data-char=L]{--txt: "E"}.glitch--11 [data-char=I]{--txt: "C"}.glitch--11 [data-char=T]{--txt: "R"}.glitch--11 [data-char=C]{--txt: "E"}.glitch--11 [data-char=H]{--txt: "T"}.glitch--12 [data-char]{--split: 70;color:transparent;position:relative}.glitch--12 [data-char]:after,.glitch--12 [data-char]:before{content:attr(data-char);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;clip-path:var(--clip)}.glitch--12 [data-char]:after{--clip: inset(0 0 calc(var(--split) * 1%) 0);--shift-x: -125;animation:shift 4s infinite steps(1)}.glitch--12 [data-char]:before{animation:shift 8s infinite steps(1);--shift-x: 50;--shift-y: 50;--clip: inset(calc((95 - var(--split)) * 1%) 0 0 0)}.glitch--12 [data-char=G]{animation:squash 3s infinite steps(2)}.glitch--12 [data-char=C]{animation:squash 4s infinite steps(2)}.glitch--12 [data-char=H]{--scale: 1.5;animation:squash 4s infinite steps(2)}body{background:#111;font-family:Exo,sans-serif;min-height:100vh;overflow-x:hidden;--font-size: 20}@media(min-width:768px){body{--font-size: 48}}.page{align-items:center;display:flex;font-size:calc(var(--font-size) * 1px);height:100vh;justify-content:center;position:relative;scroll-snap-align:center;width:100vw;letter-spacing:calc(var(--font-size) * .2px)}.container{height:100vh;overflow:auto;overflow-x:hidden;scroll-snap-type:y mandatory}.char{color:#fff;display:inline-block}@keyframes glitch--0{0%,50%,58%{transform:translate(0) scale(1)}52%{transform:translate(-25%,10%) scale(.85)}56%{transform:translate(5%,-20%) scale(1.25)}}@keyframes jump-0{0%,50%,60%{transform:translate(0) scale(1)}52%{transform:translate(calc(var(--x-1) * 1%),calc(var(--y-1) * 1%)) scale(var(--scale-1))}54%{transform:translate(calc(var(--x-2) * 1%),calc(var(--y-2) * 1%)) scale(var(--scale-2))}}@keyframes glitch--1{0%,53%,57%,to{transform:translate(0)}55%{transform:translate(calc(var(--shift) * 1%))}}@keyframes drop--1{0%,50%,60%,to{transform:translate(0)}54%{transform:translateY(25%)}58%{transform:translateY(-50%)}}@keyframes glitch--3{0%{--split: 20;--shift: 15;--shadow: -2}5%{--split: 30;--shift: 15;--shadow: -2}10%{--split: 80;--shift: 10;--shadow: -2}15%{--split: 55;--shift: 10;--shadow: -2}20%,50%{--split: 0;--shift: 0;--shadow: 0}to{--split: 0;--shift: 0;--shadow: 0}}@keyframes glitch--5{0%{--spread: 3;--skew: 0}5%{--spread: -1}10%{--spread: -4;--skew: 5}12%{--spread: 3;--skew: 3}15%{--spread: 1}18%{--spread: 4;--skew: -4}25%,to{--skew: 0;--spread: 0}}@keyframes flash-letter{0%,25%,to{content:attr(data-char)}5%{content:var(--letter-1, attr(data-char))}10%{content:var(--letter-2, attr(data-char))}15%{content:var(--letter-3, attr(data-char))}20%{content:var(--letter-4, attr(data-char))}}@keyframes reveal{0%{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}10%{clip-path:inset(70% 0 0 0);-webkit-clip-path:inset(70% 0 0 0)}20%{clip-path:inset(85% 0 0 0);-webkit-clip-path:inset(85% 0 0 0)}30%{clip-path:inset(5% 0 0 0);-webkit-clip-path:inset(5% 0 0 0)}40%{clip-path:inset(45% 0 0 0);-webkit-clip-path:inset(45% 0 0 0)}50%,to{clip-path:inset(100% 0 0 0);-webkit-clip-path:inset(100% 0 0 0)}}@keyframes hide{0%{clip-path:inset(0 0 100% 0);-webkit-clip-path:inset(0 0 100% 0)}10%{clip-path:inset(0 0 30% 0);-webkit-clip-path:inset(0 0 30% 0)}20%{clip-path:inset(0 0 15% 0);-webkit-clip-path:inset(0 0 15% 0)}30%{clip-path:inset(0 0 95% 0);-webkit-clip-path:inset(0 0 95% 0)}40%{clip-path:inset(0 0 55% 0);-webkit-clip-path:inset(0 0 55% 0)}50%,to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}@keyframes squash{0%,48%,52%,to{transform:scaleY(1)}50%{transform:scaleY(var(--scale, 0))}}@keyframes flicker{0%,20%{--opacity: .25}10%,30%,40%,70%,80%,90%,to{--opacity: 1}}@keyframes skew{0%,40%,48%,to{transform:skew(0)}44%{transform:skew(calc(var(--skew) * 1deg))}}@keyframes scale{0%,47%,55%,to{transform:scale(1)}50%{transform:scale(var(--scale))}}@keyframes shrink{0%,45%,53%,to{text-transform:uppercase}50%{text-transform:lowercase}}@keyframes shift{0%,68%,72%,to{transform:translate(0)}70%{transform:translate(calc(var(--shift-x, 25) * 1%),calc(var(--shift-y, 0) * 1%))}}