.typewriter h1{overflow:hidden;border-right:.15em solid transparent;white-space:nowrap;margin:0 auto;animation:typing 3.5s steps(40,end),blink-caret .75s step-end 4,title .3s ease-in forwards 3.5s}.hero img{animation:image 3.5s ease-in-out forwards;animation-delay:3.6s}@keyframes image{from{opacity:0}to{opacity:1}}.typewriter h2{margin:0 auto;overflow:hidden;white-space:nowrap;visibility:hidden;border-right:.15em solid transparent;animation:typingH2 2.5s steps(30,end) 4.5s forwards,blink-caret .75s step-end infinite}@keyframes typing{from{width:0%}to{width:60%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--font-color)}}@keyframes title{from{opacity:1}to{opacity:0}}@keyframes typingH2{from{width:0%;visibility:visible}to{width:42%;visibility:visible}}.logos-slide{animation:40s slide infinite linear;display:inline-block}@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-100%)}}.hologram-card{position:relative;border:3px solid var(--portfolio-box-color);box-shadow:5px 5px 20px var(--portfolio-box-color);overflow:hidden;border-radius:20px;transition:all .5s ease;height:92%}.hologram-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(0deg,transparent,transparent 30%,#ced9fa88);transform:rotate(-45deg);transition:all 1s ease;opacity:0}.hologram-card:hover{transform:scale(1.05);box-shadow:0 0 20px #ced9fa88}.hologram-card:hover::before{opacity:1;transform:rotate(-45deg) translateY(100%)}@media (max-width:1024px){.typewriter h1{animation:typing 3s steps(40,end),blink-caret .75s step-end 4,title .1s ease-in forwards 3s}.hero img{animation:image 3.5s ease-in-out forwards;animation-delay:3s}.typewriter h2{animation:typingH2 2.5s steps(30,end) 4s forwards,blink-caret .75s step-end infinite}@keyframes typing{from{width:0%}to{width:50%}}@keyframes typingH2{from{width:0%;visibility:visible}to{width:48%;visibility:visible}}.logos-slide{animation-duration:30s}}@media (max-width:768px){.typewriter h1{animation:typing 2.43s steps(40,end),blink-caret .75s step-end 5,title .1s ease-in forwards 3s}.hero img{animation:image 3.5s ease-in-out forwards;animation-delay:3s}.typewriter h2{animation:typingH2 2.5s steps(30,end) 4s forwards,blink-caret .75s step-end infinite}@keyframes typingH2{from{width:0%;visibility:visible}to{width:87%;visibility:visible}}.logos-slide{animation-duration:20s}}@media (max-width:480px){.typewriter h1{animation:typing 2.43s steps(40,end),blink-caret .75s step-end 5,title .1s ease-in forwards 3s}.hero img{animation:image 3.5s ease-in-out forwards;animation-delay:3s}.typewriter h2{animation:typingH2 2.5s steps(30,end) 4s forwards,blink-caret .75s step-end infinite}@keyframes typingH2{from{width:0%;visibility:visible}to{width:75vw;visibility:visible}}.logos-slide{animation-duration:20s}}