*{border:none;margin:0}body,html{overflow:hidden}body,html{width:100vw;height:100vh}body{background:#040b0a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}canvas{position:absolute;top:0;left:0;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;z-index:-2}#logo{position:relative;width:325px;height:350px}@-webkit-keyframes logo-anim-1{0%{-webkit-clip-path:inset(3% 0 88% 0);clip-path:inset(3% 0 88% 0)}6.66667%{-webkit-clip-path:inset(38% 0 19% 0);clip-path:inset(38% 0 19% 0)}13.33333%{-webkit-clip-path:inset(90% 0 4% 0);clip-path:inset(90% 0 4% 0)}20%{-webkit-clip-path:inset(67% 0 23% 0);clip-path:inset(67% 0 23% 0)}26.66667%{-webkit-clip-path:inset(10% 0 65% 0);clip-path:inset(10% 0 65% 0)}33.33333%{-webkit-clip-path:inset(98% 0 3% 0);clip-path:inset(98% 0 3% 0)}40%{-webkit-clip-path:inset(86% 0 11% 0);clip-path:inset(86% 0 11% 0)}46.66667%{-webkit-clip-path:inset(77% 0 1% 0);clip-path:inset(77% 0 1% 0)}53.33333%{-webkit-clip-path:inset(4% 0 83% 0);clip-path:inset(4% 0 83% 0)}60%{-webkit-clip-path:inset(82% 0 13% 0);clip-path:inset(82% 0 13% 0)}66.66667%{-webkit-clip-path:inset(16% 0 38% 0);clip-path:inset(16% 0 38% 0)}73.33333%{-webkit-clip-path:inset(89% 0 1% 0);clip-path:inset(89% 0 1% 0)}80%{-webkit-clip-path:inset(61% 0 37% 0);clip-path:inset(61% 0 37% 0)}86.66667%{-webkit-clip-path:inset(23% 0 7% 0);clip-path:inset(23% 0 7% 0)}93.33333%{-webkit-clip-path:inset(82% 0 13% 0);clip-path:inset(82% 0 13% 0)}to{-webkit-clip-path:inset(25% 0 54% 0);clip-path:inset(25% 0 54% 0)}}@keyframes logo-anim-1{0%{-webkit-clip-path:inset(3% 0 88% 0);clip-path:inset(3% 0 88% 0)}6.66667%{-webkit-clip-path:inset(38% 0 19% 0);clip-path:inset(38% 0 19% 0)}13.33333%{-webkit-clip-path:inset(90% 0 4% 0);clip-path:inset(90% 0 4% 0)}20%{-webkit-clip-path:inset(67% 0 23% 0);clip-path:inset(67% 0 23% 0)}26.66667%{-webkit-clip-path:inset(10% 0 65% 0);clip-path:inset(10% 0 65% 0)}33.33333%{-webkit-clip-path:inset(98% 0 3% 0);clip-path:inset(98% 0 3% 0)}40%{-webkit-clip-path:inset(86% 0 11% 0);clip-path:inset(86% 0 11% 0)}46.66667%{-webkit-clip-path:inset(77% 0 1% 0);clip-path:inset(77% 0 1% 0)}53.33333%{-webkit-clip-path:inset(4% 0 83% 0);clip-path:inset(4% 0 83% 0)}60%{-webkit-clip-path:inset(82% 0 13% 0);clip-path:inset(82% 0 13% 0)}66.66667%{-webkit-clip-path:inset(16% 0 38% 0);clip-path:inset(16% 0 38% 0)}73.33333%{-webkit-clip-path:inset(89% 0 1% 0);clip-path:inset(89% 0 1% 0)}80%{-webkit-clip-path:inset(61% 0 37% 0);clip-path:inset(61% 0 37% 0)}86.66667%{-webkit-clip-path:inset(23% 0 7% 0);clip-path:inset(23% 0 7% 0)}93.33333%{-webkit-clip-path:inset(82% 0 13% 0);clip-path:inset(82% 0 13% 0)}to{-webkit-clip-path:inset(25% 0 54% 0);clip-path:inset(25% 0 54% 0)}}@-webkit-keyframes logo-anim-2{0%{-webkit-clip-path:inset(6% 0 14% 0);clip-path:inset(6% 0 14% 0)}6.66667%{-webkit-clip-path:inset(30% 0 8% 0);clip-path:inset(30% 0 8% 0)}13.33333%{-webkit-clip-path:inset(100% 0 1% 0);clip-path:inset(100% 0 1% 0)}20%{-webkit-clip-path:inset(88% 0 7% 0);clip-path:inset(88% 0 7% 0)}26.66667%{-webkit-clip-path:inset(35% 0 47% 0);clip-path:inset(35% 0 47% 0)}33.33333%{-webkit-clip-path:inset(58% 0 42% 0);clip-path:inset(58% 0 42% 0)}40%{-webkit-clip-path:inset(85% 0 3% 0);clip-path:inset(85% 0 3% 0)}46.66667%{-webkit-clip-path:inset(33% 0 57% 0);clip-path:inset(33% 0 57% 0)}53.33333%{-webkit-clip-path:inset(93% 0 3% 0);clip-path:inset(93% 0 3% 0)}60%{-webkit-clip-path:inset(87% 0 7% 0);clip-path:inset(87% 0 7% 0)}66.66667%{-webkit-clip-path:inset(6% 0 7% 0);clip-path:inset(6% 0 7% 0)}73.33333%{-webkit-clip-path:inset(16% 0 57% 0);clip-path:inset(16% 0 57% 0)}80%{-webkit-clip-path:inset(15% 0 10% 0);clip-path:inset(15% 0 10% 0)}86.66667%{-webkit-clip-path:inset(2% 0 68% 0);clip-path:inset(2% 0 68% 0)}93.33333%{-webkit-clip-path:inset(9% 0 16% 0);clip-path:inset(9% 0 16% 0)}to{-webkit-clip-path:inset(46% 0 8% 0);clip-path:inset(46% 0 8% 0)}}@keyframes logo-anim-2{0%{-webkit-clip-path:inset(6% 0 14% 0);clip-path:inset(6% 0 14% 0)}6.66667%{-webkit-clip-path:inset(30% 0 8% 0);clip-path:inset(30% 0 8% 0)}13.33333%{-webkit-clip-path:inset(100% 0 1% 0);clip-path:inset(100% 0 1% 0)}20%{-webkit-clip-path:inset(88% 0 7% 0);clip-path:inset(88% 0 7% 0)}26.66667%{-webkit-clip-path:inset(35% 0 47% 0);clip-path:inset(35% 0 47% 0)}33.33333%{-webkit-clip-path:inset(58% 0 42% 0);clip-path:inset(58% 0 42% 0)}40%{-webkit-clip-path:inset(85% 0 3% 0);clip-path:inset(85% 0 3% 0)}46.66667%{-webkit-clip-path:inset(33% 0 57% 0);clip-path:inset(33% 0 57% 0)}53.33333%{-webkit-clip-path:inset(93% 0 3% 0);clip-path:inset(93% 0 3% 0)}60%{-webkit-clip-path:inset(87% 0 7% 0);clip-path:inset(87% 0 7% 0)}66.66667%{-webkit-clip-path:inset(6% 0 7% 0);clip-path:inset(6% 0 7% 0)}73.33333%{-webkit-clip-path:inset(16% 0 57% 0);clip-path:inset(16% 0 57% 0)}80%{-webkit-clip-path:inset(15% 0 10% 0);clip-path:inset(15% 0 10% 0)}86.66667%{-webkit-clip-path:inset(2% 0 68% 0);clip-path:inset(2% 0 68% 0)}93.33333%{-webkit-clip-path:inset(9% 0 16% 0);clip-path:inset(9% 0 16% 0)}to{-webkit-clip-path:inset(46% 0 8% 0);clip-path:inset(46% 0 8% 0)}}#logo>img{position:absolute;margin-left:auto;margin-right:auto;width:325}#logo>img:nth-child(2){left:2px;animation:logo-anim-1 2s linear infinite alternate-reverse}#logo>img:nth-child(3){left:-2 px;animation:logo-anim-2 3s linear infinite alternate-reverse}