.banner{perspective:1000px;width:100%;height:100%;transform-style:preserve-3d;z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.banner .slider{transform-style:preserve-3d;animation:2s linear infinite startRun,30s linear 2s infinite autoRun;position:absolute;top:45%}@keyframes startRun{0%{transform:rotateX(0)rotateY(0)}40%{transform:rotateX(-10deg)rotateY(360deg)}to{transform:rotateX(-22deg)rotateY(720deg)}}@keyframes autoRun{0%{transform:rotateX(-22deg)rotateY(0)}50%{transform:rotateX(-20deg)rotateY(360deg)}to{transform:rotateX(-22deg)rotateY(720deg)}}.banner .slider .item{opacity:0;transform:rotateY(calc((var(--position) - 1)*(360/var(--quantity))*1deg))translateZ(500px);animation:2s ease-in-out .2s forwards showItems;position:absolute;inset:0}@keyframes showItems{0%{opacity:0;transform:rotateY(calc((var(--position) - 1)*(360/var(--quantity))*1deg))translateZ(350px)}50%{opacity:1}to{opacity:1;transform:rotateY(calc((var(--position) - 1)*(360/var(--quantity))*1deg))translateZ(500px)}}.banner .slider .item img.icon-image{object-fit:cover;border:2px solid #fff;border-radius:10px;width:100%;height:100%}
.tecs-div{background-blend-mode:overlay;background-image:url("../media/background tecs.e542ae9e.png");background-size:contain}
.projects-section{background-image:url(../media/generic-background.22b97ddb.png),radial-gradient(circle at 10% 20%,#d42deb1a 0%,#0000 20%),radial-gradient(circle at 90% 80%,#64dcff1a 0%,#0000 20%);background-position:50%,50%,50%,0 0,0 0,50%;background-size:contain,100% 100%,100% 100%,30px 30px,30px 30px,100% 100%}
.floating-circles{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#9c27b026 0%,#0000 30%),radial-gradient(circle at 80% 70%,#0044ff26 0%,#0000 30%);width:100%;height:100%;animation:15s ease-in-out infinite alternate float;position:absolute}.floating-grid{opacity:.4;z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute}@keyframes float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-40px)rotate(1deg)}}.about-photo-container{width:100%;max-width:400px;position:relative}.about-photo{filter:grayscale(20%)contrast(110%);transform-style:preserve-3d;transition:all .5s}.about-photo-container:hover .about-photo{filter:grayscale(0%)contrast(120%);transform:scale(1.02)rotateY(5deg)}.tech-icons{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.tech-icons .icon{opacity:.8;z-index:20;position:absolute}.tech-icons .typescript{color:#3178c6;top:-20px;left:-20px}.tech-icons .react{color:#61dafb;margin-left:-20px;bottom:-20px;left:50%}.tech-icons .node{color:#68a063;margin-top:-20px;top:50%;right:-20px}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%;transform:translate(25%,25%)}.card-glow:hover:before{opacity:1}.about-section{background-image:url(../media/generic-background.22b97ddb.png),radial-gradient(circle at 20% 30%,#9c27b026 0%,#0000 25%),radial-gradient(circle at 80% 70%,#0044ff0d 0%,#0000 25%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#0a0a0a,#1a1a1a);background-position:50%,50%,50%,0 0,0 0,50%;background-repeat:no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:contain,100% 100%,100% 100%,40px 40px,40px 40px,100% 100%}