body{background:black}#mycanvas{position:absolute;width:100vw;height:100vh;z-index:-1;overflow:hidden}.glitch{color:#fff;font-size:5vmin;font-family:Major Mono Display,monospace;position:relative;justify-content:left;width:100%;margin:0 auto;background-color:transparent}@keyframes noise-anim{0%{clip-path:inset(51% 0 39% 0)}5%{clip-path:inset(70% 0 18% 0)}10%{clip-path:inset(22% 0 70% 0)}15%{clip-path:inset(34% 0 33% 0)}20%{clip-path:inset(74% 0 13% 0)}25%{clip-path:inset(9% 0 47% 0)}30%{clip-path:inset(4% 0 76% 0)}35%{clip-path:inset(10% 0 26% 0)}40%{clip-path:inset(40% 0 1% 0)}45%{clip-path:inset(34% 0 18% 0)}50%{clip-path:inset(92% 0 1% 0)}55%{clip-path:inset(17% 0 25% 0)}60%{clip-path:inset(99% 0 1% 0)}65%{clip-path:inset(29% 0 16% 0)}70%{clip-path:inset(83% 0 15% 0)}75%{clip-path:inset(96% 0 1% 0)}80%{clip-path:inset(64% 0 18% 0)}85%{clip-path:inset(41% 0 27% 0)}90%{clip-path:inset(43% 0 26% 0)}95%{clip-path:inset(44% 0 42% 0)}to{clip-path:inset(9% 0 14% 0)}}.glitch:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-1px 0 red;top:0;color:#fff;background:transparent;overflow:hidden;animation:noise-anim 2s infinite linear alternate-reverse}@keyframes noise-anim-2{0%{clip-path:inset(47% 0 10% 0)}5%{clip-path:inset(64% 0 1% 0)}10%{clip-path:inset(56% 0 40% 0)}15%{clip-path:inset(38% 0 41% 0)}20%{clip-path:inset(2% 0 91% 0)}25%{clip-path:inset(29% 0 12% 0)}30%{clip-path:inset(94% 0 1% 0)}35%{clip-path:inset(32% 0 69% 0)}40%{clip-path:inset(75% 0 2% 0)}45%{clip-path:inset(15% 0 46% 0)}50%{clip-path:inset(57% 0 31% 0)}55%{clip-path:inset(98% 0 3% 0)}60%{clip-path:inset(79% 0 3% 0)}65%{clip-path:inset(77% 0 20% 0)}70%{clip-path:inset(90% 0 11% 0)}75%{clip-path:inset(30% 0 12% 0)}80%{clip-path:inset(37% 0 6% 0)}85%{clip-path:inset(47% 0 18% 0)}90%{clip-path:inset(60% 0 17% 0)}95%{clip-path:inset(68% 0 10% 0)}to{clip-path:inset(55% 0 10% 0)}}.glitch:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:1px 0 blue;top:0;color:#fff;background:transparent;overflow:hidden;animation:noise-anim-2 15s infinite linear alternate-reverse}.postgreeting{color:#fff;font-family:Space Mono,monospace;width:95%;font-size:5vmin}@keyframes breathe{0%{font-variation-settings:"wght" 100;font-size:20vmin}60%{font-variation-settings:"wght" 700;font-size:25vmin}to{font-variation-settings:"wght" 100;font-size:20vmin}}.myname{position:fixed;top:15vmin;bottom:40vmin;left:10vmin;right:10vmin}.firstname,.lastname{font-family:IBM Plex Sans Roman,Times;position:relative;justify-content:center;color:#fff;animation:breathe 4s infinite both}.lastname{margin-top:-10vh;animation-delay:2s}.postname{color:#fff;font-family:Space Mono,monospace;font-style:italic;font-size:2vmax;display:flex;align-items:center;justify-content:center;position:fixed;bottom:15vh}.socialmediabar{display:flex;align-items:center;justify-content:center;position:fixed;margin:auto;bottom:9.5vh;font-size:5vmin}.fa-brands,.fa-solid{padding:10px;text-align:center;text-decoration:none;color:#191970}.fa-brands:hover,.fa-solid:hover{opacity:.7}@keyframes ticker{0%{transform:translate(0);visibility:visible}to{transform:translate(-100%)}}.ticker-wrap{position:fixed;bottom:0;width:100vw;overflow:hidden;height:8vh;background-color:#000000e6;padding-left:100%;box-sizing:content-box;left:0}.ticker-wrap .ticker{display:inline-block;height:4rem;line-height:2rem;white-space:nowrap;padding-right:100%;box-sizing:content-box;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:ticker;animation-duration:30s}.ticker-wrap .ticker__item{display:inline-block;padding:0 2rem;font-size:2rem;color:#fff}.ticker-wrap .ticker:hover{animation-play-state:paused}@media only screen and (orientation: portrait){.myname{top:15em;left:0}.lastname{margin-top:0}}@media only screen and (max-height: 667px){.myname{top:10em}}@media only screen and (max-height: 428px){.myname{top:5em}}@media only screen and (max-height: 414px){.myname{top:4em}}@media only screen and (max-height: 390px){.myname{top:4em}}@media only screen and (max-height: 375px){.myname{top:4em}}