.bokeh-effect-animation{position:relative;width:100%;height:100%;overflow:hidden;background-color:#000}.bokeh-effect-animation .background{width:100%;height:100%;background:#3e1e68;position:absolute}.bokeh-effect-animation .background span{width:20vmin;height:20vmin;border-radius:20vmin;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;animation-name:move;animation-duration:6s;animation-timing-function:linear;animation-iteration-count:infinite}.bokeh-effect-animation .background span:first-child{color:#ffacac;top:98%;left:33%;animation-duration:11s;animation-delay:-4.6s;transform-origin:12vw -8vh;box-shadow:-40vmin 0 6.0164781614vmin currentColor}.bokeh-effect-animation .background span:nth-child(2){color:#ffacac;top:87%;left:10%;animation-duration:16s;animation-delay:-1.3s;transform-origin:13vw -9vh;box-shadow:40vmin 0 12.171895326vmin currentColor}.bokeh-effect-animation .background span:nth-child(3){color:#583c87;top:82%;left:55%;animation-duration:12.2s;animation-delay:-15.4s;transform-origin:-20vw -10vh;box-shadow:40vmin 0 8.1311214585vmin currentColor}.bokeh-effect-animation .background span:nth-child(4){color:#ffacac;top:54%;left:29%;animation-duration:13.9s;animation-delay:-4s;transform-origin:2vw -3vh;box-shadow:40vmin 0 5.375558467vmin currentColor}.bokeh-effect-animation .background span:nth-child(5){color:#583c87;top:54%;left:63%;animation-duration:12.1s;animation-delay:-6.7s;transform-origin:-3vw -21vh;box-shadow:40vmin 0 8.9639241699vmin currentColor}.bokeh-effect-animation .background span:nth-child(6){color:#e45a84;top:11%;left:81%;animation-duration:15s;animation-delay:-6.2s;transform-origin:1vw 1vh;box-shadow:-40vmin 0 5.7938789174vmin currentColor}.bokeh-effect-animation .background span:nth-child(7){color:#ffacac;top:48%;left:99%;animation-duration:11.1s;animation-delay:-2.7s;transform-origin:-24vw -16vh;box-shadow:-40vmin 0 14.3627068967vmin currentColor}.bokeh-effect-animation .background span:nth-child(8){color:#583c87;top:4%;left:33%;animation-duration:12.7s;animation-delay:-2.1s;transform-origin:-22vw -7vh;box-shadow:-40vmin 0 10.0063773495vmin currentColor}.bokeh-effect-animation .background span:nth-child(9){color:#e45a84;top:6%;left:86%;animation-duration:14.1s;animation-delay:-4.1s;transform-origin:-5vw 20vh;box-shadow:40vmin 0 13.6186305388vmin currentColor}.bokeh-effect-animation .background span:nth-child(10){color:#ffacac;top:98%;left:25%;animation-duration:11.4s;animation-delay:-2.4s;transform-origin:11vw 10vh;box-shadow:-40vmin 0 8.5657464079vmin currentColor}.bokeh-effect-animation .background span:nth-child(11){color:#583c87;top:43%;left:73%;animation-duration:10.1s;animation-delay:-1.1s;transform-origin:-11vw 3vh;box-shadow:40vmin 0 5.8530906098vmin currentColor}.bokeh-effect-animation .background span:nth-child(12){color:#583c87;top:44%;left:76%;animation-duration:13.6s;animation-delay:-1.2s;transform-origin:13vw -2vh;box-shadow:-40vmin 0 8.3080765471vmin currentColor}.bokeh-effect-animation .background span:nth-child(13){color:#ffacac;top:19%;left:25%;animation-duration:11.6s;animation-delay:-15.8s;transform-origin:3vw 5vh;box-shadow:-40vmin 0 7.8039523675vmin currentColor}.bokeh-effect-animation .background span:nth-child(14){color:#e45a84;top:80%;left:4%;animation-duration:11.5s;animation-delay:-13s;transform-origin:-2vw 0;box-shadow:40vmin 0 13.050429006vmin currentColor}.bokeh-effect-animation .background span:nth-child(15){color:#e45a84;top:47%;left:79%;animation-duration:10.3s;animation-delay:-8.6s;transform-origin:3vw 12vh;box-shadow:40vmin 0 10.7016778417vmin currentColor}.bokeh-effect-animation .background span:nth-child(16){color:#ffacac;top:32%;left:82%;animation-duration:15.9s;animation-delay:-13.7s;transform-origin:6vw -24vh;box-shadow:-40vmin 0 11.0238607686vmin currentColor}.bokeh-effect-animation .background span:nth-child(17){color:#ffacac;top:83%;left:95%;animation-duration:14.6s;animation-delay:-.3s;transform-origin:-21vw 11vh;box-shadow:40vmin 0 8.1964636023vmin currentColor}.bokeh-effect-animation .background span:nth-child(18){color:#e45a84;top:100%;left:47%;animation-duration:14.3s;animation-delay:-6s;transform-origin:5vw 6vh;box-shadow:-40vmin 0 14.2577012739vmin currentColor}.bokeh-effect-animation .background span:nth-child(19){color:#ffacac;top:2%;left:62%;animation-duration:13.7s;animation-delay:-8.7s;transform-origin:6vw -14vh;box-shadow:40vmin 0 11.7908603428vmin currentColor}.bokeh-effect-animation .background span:nth-child(20){color:#ffacac;top:69%;left:2%;animation-duration:13.7s;animation-delay:-11.2s;transform-origin:-21vw 10vh;box-shadow:-40vmin 0 6.3302181199vmin currentColor}.bokeh-effect-animation .content{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;height:100%;width:100%;color:#fff;text-align:center}@keyframes move{to{transform:translateZ(1px) rotate(1turn)}}.draw-border{box-shadow:inset 0 0 0 4px #58afd1;color:#58afd1;transition:color .25s .0833333333s;position:relative}.draw-border:after,.draw-border:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border:before{border-bottom-width:4px;border-left-width:4px}.draw-border:after{border-top-width:4px;border-right-width:4px}.draw-border:hover{color:#ffe593}.draw-border:hover:after,.draw-border:hover:before{border-color:#ffe593;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border:hover:before{transition-delay:0s,0s,.25s}.draw-border:hover:after{transition-delay:0s,.25s,0s}.btn{font:700 1.2rem;letter-spacing:.05rem}.btn:focus{outline:2px dotted #55d7dc}.content{height:100%}.awesome-animation{margin:0;height:100%;width:100%;font-weight:100;background:radial-gradient(#a23982,#1f1013);-webkit-overflow-y:hidden;-moz-overflow-y:hidden;-o-overflow-y:hidden;overflow-y:hidden;animation:fadeIn 1s ease-out}.light{position:absolute;width:0;opacity:.75;background-color:#fff;box-shadow:0 0 20px 2px #e9f1f1;top:100vh;bottom:0;left:0;right:0;margin:auto;opacity:0}.x1{animation:floatUp 4s linear infinite;transform:scale(1)}.x2{animation:floatUp 7s linear infinite;transform:scale(1.6);left:15%}.x3{animation:floatUp 2.5s linear infinite;transform:scale(.5);left:-15%}.x4{animation:floatUp 4.5s linear infinite;transform:scale(1.2);left:-34%}.x5{animation:floatUp 8s linear infinite;transform:scale(2.2);left:-57%}.x6{animation:floatUp 3s linear infinite;transform:scale(.8);left:-81%}.x7{animation:floatUp 5.3s linear infinite;transform:scale(3.2);left:37%}.x8{animation:floatUp 4.7s linear infinite;transform:scale(1.7);left:62%}.x9{animation:floatUp 4.1s linear infinite;transform:scale(.9);left:85%}@keyframes floatUp{0%{top:100vh;opacity:0}25%{opacity:1}50%{top:0;opacity:.8}75%{opacity:1}to{top:-100vh;opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.glow-on-hover{color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:16px}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:#000}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#111;left:0;top:0;border-radius:16px}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.wrapper{background:#4facfe;background:linear-gradient(to bottom right,#4facfe,#34e89e);position:relative;overflow:hidden}.bg-bubbles,.wrapper{width:100%;height:100%}.bg-bubbles{position:absolute;top:0;left:0;z-index:1}.bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:hsla(0,0%,100%,.15);bottom:-160px;animation:square 25s infinite;transition-timing-function:linear}.bg-bubbles li:first-child{left:10%}.bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:2s;animation-duration:17s}.bg-bubbles li:nth-child(3){left:25%;animation-delay:4s}.bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;animation-duration:22s;background-color:hsla(0,0%,100%,.25)}.bg-bubbles li:nth-child(5){left:70%}.bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;animation-delay:3s;background-color:hsla(0,0%,100%,.2)}.bg-bubbles li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}.bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s}.bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;animation-delay:2s;animation-duration:40s;background-color:hsla(0,0%,100%,.3)}.bg-bubbles li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-700px) rotate(600deg)}}*,:after,:before{box-sizing:border-box}.dark{background:#24252a}.ghostContent.bttn-dark{color:#644cad;text-decoration:none;transition:all .3s ease}.ghostContent.bttn-dark:focus,.ghostContent.bttn-dark:hover{color:#fff}.bttn-dark{letter-spacing:2px;display:inline-block;text-align:center;font-weight:700;border:3px solid #644cad;border-radius:2px;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.1);z-index:2}.bttn-dark:before{transition:all .5s ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;content:"";background-color:#644cad;z-index:-1}.bttn-dark:focus:before,.bttn-dark:hover:before{transition:all .5s ease;left:0;right:0;opacity:1}.stretchContent{background-color:none;display:block;text-decoration:none;letter-spacing:2px;transition:all .25s}.stretchContent:hover{letter-spacing:15px}.shineButtons{width:100%}.shineButtons,.shineContainer{display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.shineContainer{align-items:center}.btn{cursor:pointer;display:block;font-weight:400;position:relative;width:100%}.btn,.btn:hover{text-decoration:none}.btn-1{font-weight:100}.btn-1 svg{height:100%;left:0;position:absolute;top:0;width:100%}.btn-1 rect{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:422,0;transition:all .35s linear}.btn-1:hover{background:rgba(225,51,45,0);font-weight:900;letter-spacing:1px}.btn-1:hover rect{stroke-width:5;stroke-dasharray:15,310;stroke-dashoffset:48;transition:all 1.35s cubic-bezier(.19,1,.22,1)}.btn-2{letter-spacing:0}.btn-2:active,.btn-2:hover{letter-spacing:5px}.btn-2:after,.btn-2:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid hsla(0,0%,100%,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;transition:all .28s ease-in-out;width:0}.btn-2:hover:after,.btn-2:hover:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:#fff;transition:width .35s ease-in-out;width:70%}.btn-2:hover:before{bottom:auto;top:0;width:70%}.btn-3{background:#e3403a;border:1px solid #da251f;box-shadow:0 2px 0 #d6251f,2px 4px 6px #e02a24;font-weight:900;letter-spacing:1px;transition:all .15s linear}.btn-3:hover{background:#e02c26;border:1px solid rgba(0,0,0,.05);box-shadow:1px 1px 2px hsla(0,0%,100%,.2);color:#ec817d;text-decoration:none;text-shadow:-1px -1px 0 #c2211c;transition:all .25s linear}.btn-4{border:1px solid;overflow:hidden;position:relative}.btn-4 span{z-index:20}.btn-4:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);width:50px;z-index:-10}.btn-4:after,.btn-4:hover:after{transition:all .55s cubic-bezier(.19,1,.22,1)}.btn-4:hover:after{left:120%}.btn-5{border:0 solid;box-shadow:inset 0 0 20px hsla(0,0%,100%,0);outline:1px solid;outline-color:hsla(0,0%,100%,.5);outline-offset:0;text-shadow:none;transition:all 1.25s cubic-bezier(.19,1,.22,1)}.btn-5:hover{border:1px solid;box-shadow:inset 0 0 20px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.2);outline-color:hsla(0,0%,100%,0);outline-offset:15px;text-shadow:1px 1px 2px #427388}.triangle-fusion-animation{position:relative;background-color:#6223d2;height:100%;width:100%;overflow:hidden}.triangle-fusion-animation .overlay{width:100vw;height:100vh;position:absolute;z-index:1;background:radial-gradient(circle,transparent 0,rgba(98,35,210,.15) 100%)}.triangle-fusion-animation .container{display:grid;grid-template-columns:repeat(10,200px);grid-template-rows:repeat(6,230px);transform:translate(-3%,-4%);position:absolute;top:0;left:0;z-index:2}.triangle-fusion-animation .shape{width:200px;height:230px}.triangle-fusion-animation .shape polygon{animation:triangle-points-animation 4s linear infinite}.triangle-fusion-animation .content{z-index:3;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;height:100%;width:100%}@keyframes triangle-points-animation{0%{points:"50 57.5, 50 57.5, 50 57.5"}to{points:"50 -75, 175 126, -75 126"}}.galaxy-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.galaxy-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://lh4.googleusercontent.com/proxy/gdKMsKqzMFQ1xEVJf9lNNfL7pw_HG3DaHZij1yJPHGPLQYzY_FXqVrSsC0Q2VK49HPML25NGCls545UIGYmTs6y11TAXtLcKAv_HmKA=w3840-h2160-p-k-no-nd-mv) 50%/cover no-repeat;animation:zoom 10s linear infinite alternate;z-index:0}@keyframes zoom{0%{transform:scale(1.01)}to{transform:scale(1.5)}}.galaxy-content{position:relative;z-index:1}body{margin:0}.glitch{background:#000 no-repeat 50%;background-size:0;height:100%;width:100%;position:relative;overflow:hidden}.glitch .channel,.glitch:after,.glitch:before{background:inherit;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.glitch:before{animation:glitch-before 3s linear infinite alternate both;content:""}@keyframes glitch-before{0%{-webkit-clip-path:polygon(0 6.3320009828%,100% 6.3320009828%,100% 9.3181652695%,0 9.3181652695%);clip-path:polygon(0 6.3320009828%,100% 6.3320009828%,100% 9.3181652695%,0 9.3181652695%);transform:translate(-1.6225531925%,.2780443096%)}2%{-webkit-clip-path:polygon(0 .7476403102%,100% .7476403102%,100% 5.8829617761%,0 5.8829617761%);clip-path:polygon(0 .7476403102%,100% .7476403102%,100% 5.8829617761%,0 5.8829617761%);transform:translate(-1.2512303843%,-.2414098464%)}4%{-webkit-clip-path:polygon(0 55.0625538161%,100% 55.0625538161%,100% 62.2953097332%,0 62.2953097332%);clip-path:polygon(0 55.0625538161%,100% 55.0625538161%,100% 62.2953097332%,0 62.2953097332%);transform:translate(-7.6140758263%,-.315652442%)}6%{-webkit-clip-path:polygon(0 21.7307245748%,100% 21.7307245748%,100% 28.7738133618%,0 28.7738133618%);clip-path:polygon(0 21.7307245748%,100% 21.7307245748%,100% 28.7738133618%,0 28.7738133618%);transform:translate(-1.9664753741%,-.3863628252%)}8%{-webkit-clip-path:polygon(0 13.5081390844%,100% 13.5081390844%,100% 21.0455558151%,0 21.0455558151%);clip-path:polygon(0 13.5081390844%,100% 13.5081390844%,100% 21.0455558151%,0 21.0455558151%);transform:translate(-3.1439190569%,.4423954036%)}10%{-webkit-clip-path:polygon(0 65.448043036%,100% 65.448043036%,100% 67.9931815252%,0 67.9931815252%);clip-path:polygon(0 65.448043036%,100% 65.448043036%,100% 67.9931815252%,0 67.9931815252%);transform:translate(-6.5057967099%,-.4097750682%)}12%{-webkit-clip-path:polygon(0 67.0587043927%,100% 67.0587043927%,100% 75.9575926906%,0 75.9575926906%);clip-path:polygon(0 67.0587043927%,100% 67.0587043927%,100% 75.9575926906%,0 75.9575926906%);transform:translate(7.3178300975%,.276504592%)}14%{-webkit-clip-path:polygon(0 18.0691934753%,100% 18.0691934753%,100% 25.605235799%,0 25.605235799%);clip-path:polygon(0 18.0691934753%,100% 18.0691934753%,100% 25.605235799%,0 25.605235799%);transform:translate(3.5096854623%,.1485774203%)}16%{-webkit-clip-path:polygon(0 13.1251805617%,100% 13.1251805617%,100% 22.067939367%,0 22.067939367%);clip-path:polygon(0 13.1251805617%,100% 13.1251805617%,100% 22.067939367%,0 22.067939367%);transform:translate(-6.3326733091%,-.40643777%)}18%{-webkit-clip-path:polygon(0 72.8044521224%,100% 72.8044521224%,100% 80.4078197046%,0 80.4078197046%);clip-path:polygon(0 72.8044521224%,100% 72.8044521224%,100% 80.4078197046%,0 80.4078197046%);transform:translate(-5.4238367755%,-.1370107977%)}20%,to{-webkit-clip-path:none;clip-path:none;transform:none}}.glitch:after{animation:glitch-after 3s linear infinite alternate both;content:""}@keyframes glitch-after{0%{-webkit-clip-path:polygon(0 1.1060153619%,100% 1.1060153619%,100% 5.2150196628%,0 5.2150196628%);clip-path:polygon(0 1.1060153619%,100% 1.1060153619%,100% 5.2150196628%,0 5.2150196628%);transform:translate(-7.7374809452%,.4499080238%)}2%{-webkit-clip-path:polygon(0 26.5978856418%,100% 26.5978856418%,100% 29.9756665981%,0 29.9756665981%);clip-path:polygon(0 26.5978856418%,100% 26.5978856418%,100% 29.9756665981%,0 29.9756665981%);transform:translate(-.1855296004%,-.0692229873%)}4%{-webkit-clip-path:polygon(0 13.6842586292%,100% 13.6842586292%,100% 17.3147101679%,0 17.3147101679%);clip-path:polygon(0 13.6842586292%,100% 13.6842586292%,100% 17.3147101679%,0 17.3147101679%);transform:translate(-1.826280096%,-.3645403679%)}6%{-webkit-clip-path:polygon(0 82.7936919087%,100% 82.7936919087%,100% 87.8320237787%,0 87.8320237787%);clip-path:polygon(0 82.7936919087%,100% 82.7936919087%,100% 87.8320237787%,0 87.8320237787%);transform:translate(-4.7487122493%,.1489430708%)}8%{-webkit-clip-path:polygon(0 25.1430755913%,100% 25.1430755913%,100% 34.2115904136%,0 34.2115904136%);clip-path:polygon(0 25.1430755913%,100% 25.1430755913%,100% 34.2115904136%,0 34.2115904136%);transform:translate(4.4316845401%,.2337814377%)}10%{-webkit-clip-path:polygon(0 26.2060814676%,100% 26.2060814676%,100% 31.9070667125%,0 31.9070667125%);clip-path:polygon(0 26.2060814676%,100% 26.2060814676%,100% 31.9070667125%,0 31.9070667125%);transform:translate(-6.6732073539%,-.1714202006%)}12%{-webkit-clip-path:polygon(0 63.0354067825%,100% 63.0354067825%,100% 71.7751211631%,0 71.7751211631%);clip-path:polygon(0 63.0354067825%,100% 63.0354067825%,100% 71.7751211631%,0 71.7751211631%);transform:translate(-7.00219761%,-.4158711524%)}14%{-webkit-clip-path:polygon(0 4.515467731%,100% 4.515467731%,100% 6.624942949%,0 6.624942949%);clip-path:polygon(0 4.515467731%,100% 4.515467731%,100% 6.624942949%,0 6.624942949%);transform:translate(-.3979445449%,.1600567428%)}16%{-webkit-clip-path:polygon(0 21.5682559328%,100% 21.5682559328%,100% 24.5991060551%,0 24.5991060551%);clip-path:polygon(0 21.5682559328%,100% 21.5682559328%,100% 24.5991060551%,0 24.5991060551%);transform:translate(-6.1160238678%,.126927867%)}18%{-webkit-clip-path:polygon(0 61.0007203071%,100% 61.0007203071%,100% 68.9281900821%,0 68.9281900821%);clip-path:polygon(0 61.0007203071%,100% 61.0007203071%,100% 68.9281900821%,0 68.9281900821%);transform:translate(1.9148149739%,.4664762999%)}20%,to{-webkit-clip-path:none;clip-path:none;transform:none}}.glitch .channel{mix-blend-mode:screen}.glitch .channel:before{bottom:0;content:"";display:block;mix-blend-mode:multiply;position:absolute;left:0;right:0;top:0}.glitch .r{animation:rgb-shift-r 3s step-end infinite alternate both}@keyframes rgb-shift-r{0%{transform:translate(1.5969836548%,.1129565732%)}2%{transform:translate(-1.2397957363%,-.1401999025%)}4%{transform:translate(.1983520828%,-.4627509095%)}6%{transform:translate(-1.9503656077%,-.1539004047%)}8%{transform:translate(1.5049760531%,.1659121445%)}10%{transform:translate(1.8296623054%,-.0740548345%)}12%{transform:translate(1.0881342664%,-.1410160472%)}14%{transform:translate(-1.7451632145%,.3810039985%)}16%{transform:translate(-.2772376394%,.3353826156%)}18%{transform:translate(-.3390240719%,.2804412521%)}20%,to{transform:none}}.glitch .r:before{background:red}.glitch .g{animation:rgb-shift-g 3s step-end infinite alternate both}@keyframes rgb-shift-g{0%{transform:translate(-.0151477145%,.3467610784%)}2%{transform:translate(-1.6590524509%,.2988899004%)}4%{transform:translate(.808033565%,.2641722573%)}6%{transform:translate(-.1422854428%,.049529798%)}8%{transform:translate(-.6023044485%,.0428603179%)}10%{transform:translate(.9898429782%,-.2688495388%)}12%{transform:translate(1.4353119072%,.2567262617%)}14%{transform:translate(-.5117405517%,.4315228408%)}16%{transform:translate(.8725977871%,-.1938201512%)}18%{transform:translate(.4621460467%,-.4310625418%)}20%,to{transform:none}}.glitch .g:before{background:lime}.glitch .b{animation:rgb-shift-b 3s step-end infinite alternate both}@keyframes rgb-shift-b{0%{transform:translate(.3032516452%,-.4338446746%)}2%{transform:translate(-1.6249829208%,-.4300435798%)}4%{transform:translate(.1142000861%,-.0104170822%)}6%{transform:translate(.0729614183%,.4007446607%)}8%{transform:translate(-.8757420296%,.4451384737%)}10%{transform:translate(-1.9059986658%,-.2263094003%)}12%{transform:translate(-.7372953918%,-.3018448841%)}14%{transform:translate(.5524091764%,-.3881598192%)}16%{transform:translate(1.1254418938%,-.0867430726%)}18%{transform:translate(-.4123359043%,.3879582584%)}20%,to{transform:none}}.glitch .b:before{background:blue}.gradient-animation{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;animation:gradient 15s ease infinite;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.gradient-content{text-align:center;z-index:1;color:#fff}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}body,html{margin:0;padding:0;height:100%}.diagonal-container{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#000}.bg{position:absolute;top:0;left:0;width:100%;height:100%;animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#6c3 50%,#09f 0);opacity:.5;z-index:0}.bg2{animation-direction:alternate-reverse;animation-duration:4s}.bg3{animation-duration:5s}.content{z-index:1;padding:2rem;border-radius:.5rem;text-align:center}@keyframes slide{0%{transform:translateX(-25%)}to{transform:translateX(25%)}}