a:hover .fa-arrow-right{display:inline-block;transition:opacity 3s ease-in}@keyframes slideRight{0%{left:100%}to{left:-100%}}@keyframes slideLeft{0%{left:100%}to{left:100%}}.techslide{white-space:nowrap;overflow:hidden;position:relative;animation:slideRight 40s linear infinite}.marqueeStyle{animation:scrolling-left1 30s linear infinite}.marqueeStyle2{animation:scrolling-left2 30s linear infinite;animation-delay:15s}@keyframes scrolling-left1{0%{transform:translateX(100%);-webkit-transform:translateX(100%)}to{transform:translateX(-100%);-webkit-transform:translateX(-100%)}}@keyframes scrolling-left2{0%{transform:translateX(0);-webkit-transform:translateX(0)}to{transform:translateX(-200%);-webkit-transform:translateX(-200%)}}.marqueeStyle3{animation:scrolling-left3 20s linear infinite}.marqueeStyle4{animation:scrolling-left4 20s linear infinite;animation-delay:10s}@keyframes scrolling-left3{0%{transform:translateX(-100%);-webkit-transform:translateX(-100%)}to{transform:translateX(100%);-webkit-transform:translateX(100%)}}@keyframes scrolling-left4{0%{transform:translateX(-200%);-webkit-transform:translateX(-200%)}to{transform:translateX(0);-webkit-transform:translateX(0)}}.context{width:100%;position:absolute}area{background:#0a0a0a;background:webkit-linear-gradient(to left,#8f94fb,#0a0a0a);width:100%;height:100vh}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#0a0a0a;animation:animate 25s linear infinite;bottom:150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}.content h1:first-child{color:transparent;-webkit-text-stroke:2px #8338ec}.content h1:nth-child(2){color:#c19bf5;animation:animate 4s ease-in-out infinite}@keyframes animate{0%,to{clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes color-change{0%{color:transparent}20%{color:transparent}40%{color:transparent}60%{color:transparent}80%{color:transparent}to{color:#000}}@keyframes color-reverse{0%{color:#000}20%{color:#000}40%{color:#000}60%{color:#000}80%{color:#000}to{color:transparent}}#letterComma,#letterE,#lettera,#lettera2,#lettere,#letterj,#lettern,#letterp,#letters,#lettery{animation:color-change 5s ease-out infinite;animation:color-reverse 5s ease-in infinite;animation-fill-mode:forwards}#letterE{animation-delay:.2s}#lettery{animation-delay:.4s}#lettere{animation-delay:.6s}#letters{animation-delay:.8s}#letterComma{animation-delay:1s}#letterj{animation-delay:1.2s}#lettera{animation-delay:1.4s}#letterp{animation-delay:1.6s}#lettera2{animation-delay:1.8s}#lettern{animation-delay:2s}.tech1:hover~.tech2 .bg-black,.tech1:hover~.tech2 .fa-arrow-right,.tech1:hover~.tech2 h2,.tech1:hover~.tech3 .bg-black,.tech1:hover~.tech3 .fa-arrow-right,.tech1:hover~.tech3 h2,.tech1:hover~.tech4 .bg-black,.tech1:hover~.tech4 .fa-arrow-right,.tech1:hover~.tech4 h2,.tech2:hover~.tech1 .bg-black,.tech2:hover~.tech1 .fa-arrow-right,.tech2:hover~.tech1 h2,.tech2:hover~.tech3 .bg-black,.tech2:hover~.tech3 .fa-arrow-right,.tech2:hover~.tech3 h2,.tech2:hover~.tech4 .bg-black,.tech2:hover~.tech4 .fa-arrow-right,.tech2:hover~.tech4 h2,.tech3:hover~.tech1 .bg-black,.tech3:hover~.tech1 .fa-arrow-right,.tech3:hover~.tech1 h2,.tech3:hover~.tech2 .bg-black,.tech3:hover~.tech2 .fa-arrow-right,.tech3:hover~.tech2 h2,.tech3:hover~.tech4 .bg-black,.tech3:hover~.tech4 .fa-arrow-right,.tech3:hover~.tech4 h2,.tech4:hover~.tech1 .bg-black,.tech4:hover~.tech1 .fa-arrow-right,.tech4:hover~.tech1 h2,.tech4:hover~.tech2 .bg-black,.tech4:hover~.tech2 .fa-arrow-right,.tech4:hover~.tech2 h2,.tech4:hover~.tech3 .bg-black,.tech4:hover~.tech3 .fa-arrow-right,.tech4:hover~.tech3 h2{opacity:0;transition:opacity 1s ease-in-out}.tech1~.tech2 .bg-black,.tech1~.tech2 .fa-arrow-right,.tech1~.tech2 h2,.tech1~.tech3 .bg-black,.tech1~.tech3 .fa-arrow-right,.tech1~.tech3 h2,.tech1~.tech4 .bg-black,.tech1~.tech4 .fa-arrow-right,.tech1~.tech4 h2,.tech2~.tech1 .bg-black,.tech2~.tech1 .fa-arrow-right,.tech2~.tech1 h2,.tech2~.tech3 .bg-black,.tech2~.tech3 .fa-arrow-right,.tech2~.tech3 h2,.tech2~.tech4 .bg-black,.tech2~.tech4 .fa-arrow-right,.tech2~.tech4 h2,.tech3~.tech1 .bg-black,.tech3~.tech1 .fa-arrow-right,.tech3~.tech1 h2,.tech3~.tech2 .bg-black,.tech3~.tech2 .fa-arrow-right,.tech3~.tech2 h2,.tech3~.tech4 .bg-black,.tech3~.tech4 .fa-arrow-right,.tech3~.tech4 h2,.tech4~.tech1 .bg-black,.tech4~.tech1 .fa-arrow-right,.tech4~.tech1 h2,.tech4~.tech2 .bg-black,.tech4~.tech2 .fa-arrow-right,.tech4~.tech2 h2,.tech4~.tech3 .bg-black,.tech4~.tech3 .fa-arrow-right,.tech4~.tech3 h2{transition:opacity 1s ease-in-out}.animated-text{overflow:hidden}.animated-text span{opacity:0;display:inline-block;animation:revealText 1.5s ease-in-out forwards}@keyframes revealText{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}