:root{--main-color:#18aaff;--White-color:#fff;--light-mode:#fff;--dark-white:#ccc;--blure-white:#ffffffd8;--blure-button:#fff3;--background-color:gray;--background2-color:#f4f4f5;--black-color:#000}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#000;background-color:var(--black-color);color:#fff;color:var(--White-color);font-family:Acme,sans-serif;width:100%}.section{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:50px 0}.container{width:80%}a{text-decoration:none}::selection{background-color:#18aaff;background-color:var(--main-color);color:#fff;color:var(--White-color)}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background-color:gray;background-color:var(--background-color)}::-webkit-scrollbar-thumb{background-color:#18aaff;background-color:var(--main-color);border:3px solid gray;border:3px solid var(--background-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#fff;background-color:var(--White-color)}::-webkit-scrollbar-button{cursor:pointer;height:10px}::-webkit-scrollbar-button:single-button:vertical:decrement{background:linear-gradient(45deg,#0000 50%,gray 0) 100%,linear-gradient(-45deg,#18aaff 50%,gray 0) 0;background:linear-gradient(45deg,#0000 50%,var(--background-color) 50%) 100%,linear-gradient(-45deg,var(--main-color) 50%,var(--background-color) 50%) 0;background-repeat:no-repeat;background-size:90% 100%}::-webkit-scrollbar-button:single-button:vertical:decrement:hover{background:linear-gradient(45deg,#0000 50%,gray 0) 100%,linear-gradient(-45deg,#fff 50%,gray 0) 0;background:linear-gradient(45deg,#0000 50%,var(--background-color) 50%) 100%,linear-gradient(-45deg,var(--White-color) 50%,var(--background-color) 50%) 0;background-repeat:no-repeat;background-size:90% 100%}::-webkit-scrollbar-button:single-button:vertical:increment{background:linear-gradient(135deg,#0000 50%,gray 0) 100%,linear-gradient(-135deg,#18aaff 50%,gray 0) 0;background:linear-gradient(135deg,#0000 50%,var(--background-color) 50%) 100%,linear-gradient(-135deg,var(--main-color) 50%,var(--background-color) 50%) 0;background-repeat:no-repeat;background-size:90% 100%}::-webkit-scrollbar-button:single-button:vertical:increment:hover{background:linear-gradient(135deg,#0000 50%,gray 0) 100%,linear-gradient(-135deg,#fff 50%,gray 0) 0;background:linear-gradient(135deg,#0000 50%,var(--background-color) 50%) 100%,linear-gradient(-135deg,var(--White-color) 50%,var(--background-color) 50%) 0;background-repeat:no-repeat;background-size:90% 100%}.code-background{inset:0;opacity:1;pointer-events:none;z-index:-1}.code-line{animation:fadeIn .5s forwards;color:var(--main-color);font-family:JetBrains Mono,monospace;opacity:1;text-shadow:0 0 5px var(--main-color);white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#86868642;border-radius:30px;box-shadow:inset 2px 2px 20px #fff,5px 5px 20px #00000041;box-shadow:inset 2px 2px 20px var(--White-color),5px 5px 20px #00000041;display:flex;justify-content:space-between;left:50%;max-width:1400px;padding:10px 15px;position:fixed;top:1.5rem;transform:translatex(-50%);transition:.1s ease-in-out;width:85%;z-index:100}header>img{filter:drop-shadow(0 0 2px #18aaff);filter:drop-shadow(0 0 2px var(--main-color));height:40px;width:40px}nav{align-items:center;justify-content:space-between;width:100%}nav,ul{display:flex}ul{gap:20px;height:-webkit-fit-content;height:fit-content;list-style:none;margin:0 auto}ul>li>a{color:#fff;color:var(--White-color);font-size:18px;padding:10px;position:relative;text-decoration:none;transition:all .3s ease-in-out}ul>li>a span{border-bottom:3px solid #18aaff;border-bottom:3px solid var(--main-color);border-radius:15px;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(0) translateY(50px);transition:.3s ease-in-out;width:100%;z-index:-1}ul>li>a.active span,ul>li>a:hover span{opacity:1;transform:scale(1) translateX(0)}ul button,ul>li>a.active,ul>li>a:hover{color:#18aaff;color:var(--main-color);text-shadow:0 0 3px #18aaff;text-shadow:0 0 3px var(--main-color)}ul button{background-color:initial;border:none;border-radius:30px;cursor:pointer;font-size:18px;padding:0 10px;position:relative}ul button:after{border-bottom:3px solid #18aaff;border-bottom:3px solid var(--main-color);border-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(1) translateY(6px);width:100%;z-index:-1}header>.hamburger{display:none}.switch-div{align-items:center;display:flex;height:40px;width:-webkit-fit-content;width:fit-content}.switch{background:gray;background:var(--background-color);border-radius:30px;box-shadow:0 0 10px #0000001a;cursor:pointer;height:30px;position:relative;width:70px}.switch input{display:none}.slider{background:#fff;background:var(--White-color);height:24px;left:3px;position:relative;top:3px;width:38px}.blure,.slider{border-radius:30px;position:absolute}.blure{height:100%;left:0;top:0;width:100%}.switch input:checked+.slider{animation:moveDot .5s forwards}.switch input:not(:checked)+.slider{animation:moveDotBack .5s forwards}@keyframes moveDot{0%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#94949485;transform:translateX(0) scale(1.2)}20%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#94949485;transform:translateX(-2px) scale(1.5)}80%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#94949485;transform:translateX(30px) scale(1.5)}to{transform:translateX(26px) scale(1)}}@keyframes moveDotBack{0%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#94949485;transform:translateX(30px) scale(1.2)}20%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#94949485;transform:translateX(30px) scale(1.5)}80%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#94949485;transform:translateX(0) scale(1.5)}to{background-color:#f9f9f9;transform:translateX(0) scale(1)}}.sec-1{background:linear-gradient(270deg,#000,#18aaff6e,#000,#000);background:linear-gradient(to left,var(--black-color),#18aaff6e,var(--black-color),var(--black-color));flex-direction:column;height:100svh;margin-bottom:50px;width:100%}.container-1,.sec-1{align-items:center;display:flex;justify-content:center}.container-1{gap:clamp(20px,8vw,130px);margin-top:92px;max-width:1400px;width:80%;z-index:1}.hero-canvas{display:block;height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:-1}.code-background{height:100vh;left:0;opacity:.2;overflow:hidden;position:fixed;top:0;transition:opacity .5s ease;width:100%;will-change:transform}.code-line{animation:fadeIn 2s ease-out forwards;color:#18aaff;color:var(--cursor-color,var(--main-color));font-family:JetBrains Mono,Courier New,monospace;font-size:11px;opacity:0;position:absolute;text-shadow:0 0 5px #18aaff;text-shadow:0 0 5px var(--cursor-color,var(--main-color));transition:opacity .4s ease,transform .4s ease;-webkit-user-select:none;user-select:none;white-space:pre;will-change:transform,opacity}.container-1>.div-photo{min-width:280px;position:relative;width:24vw}.container-1>.div-photo>img{filter:drop-shadow(0 0 5px #18aaff);filter:drop-shadow(0 0 5px var(--main-color));max-width:550px;pointer-events:none;width:100%}h1{align-items:center;display:flex;flex-direction:column;font-size:clamp(2.5rem,7vw,7rem);font-weight:700;letter-spacing:2px;line-height:1.1;text-shadow:1px 1px 0 #ccc,2px 2px 0 #ccc,3px 3px 0 #ccc,4px 4px 0 #ccc,5px 5px 0 #ccc,6px 6px 3px #ccc;text-shadow:1px 1px 0 var(--dark-white),2px 2px 0 var(--dark-white),3px 3px 0 var(--dark-white),4px 4px 0 var(--dark-white),5px 5px 0 var(--dark-white),6px 6px 3px var(--dark-white);transition:.3s ease-out;word-spacing:5px}h1>span{display:block;white-space:nowrap}h2{background:linear-gradient(270deg,#000,#18aaff,#000,#000);background:linear-gradient(to left,var(--black-color),var(--main-color),var(--black-color),var(--black-color));border-radius:50px;box-shadow:inset 1px 1px 15px #fff;box-shadow:inset 1px 1px 15px var(--White-color);font-size:2.3rem;font-weight:700;letter-spacing:1px;padding:5px 30px;text-align:center;text-shadow:1px 1px 0 #ccc,2px 2px 0 #ccc,3px 3px 0 #ccc,4px 4px 4px #00000080;text-shadow:1px 1px 0 var(--dark-white),2px 2px 0 var(--dark-white),3px 3px 0 var(--dark-white),4px 4px 4px #00000080;transition:.3s ease-out;width:-webkit-fit-content;width:fit-content;word-spacing:5px}.sec-2,.sec-3,.sec-4,.sec-5,.sec-6,.sec-7{align-items:center;display:flex;flex-direction:column;gap:50px;padding:50px 0}.container-2,.container-3,.container-4,.container-5,.container-6,.container-7{height:auto;position:relative;width:80%;z-index:1}.sec-2{padding-bottom:0}.sec-2>.container-2{align-items:center;display:flex;justify-content:space-between}.sec-2>.container-2>.hello-photo{left:64px;position:relative;width:40%}.my-name{width:60%}.typing,.typing-div{display:inline-block}.typing{color:#18aaff;color:var(--main-color);font-size:1.8rem;font-weight:700;position:relative;white-space:nowrap}.typing:after{animation:blink .8s infinite;background:currentColor;content:"";display:inline-block;height:1.3em;margin-left:5px;vertical-align:-10px;width:2px}@keyframes blink{0%,45%{opacity:1}50%,to{opacity:0}}.my-name>p{font-size:1.4rem;word-spacing:3px}.sec-2 .btn-div-download{display:flex;gap:20px;height:auto;margin-top:30px}.btn-click{animation:moveGradient 3s linear infinite;background:linear-gradient(110deg,#000,#000 45%,#18aaff6e 50%,#000 55%,#000);background:linear-gradient(110deg,var(--black-color) 0,var(--black-color) 45%,#18aaff6e 50%,var(--black-color) 55%,var(--black-color) 100%);background-size:200% 100%;border:none;border-radius:50px;box-shadow:inset 1px 1px 10px #fff;box-shadow:inset 1px 1px 10px var(--White-color);color:#fff;color:var(--White-color);cursor:pointer;display:block;font-family:inherit;font-size:1rem;font-weight:700;padding:8px 20px;transition:.3s ease-in-out;width:-webkit-fit-content;width:fit-content;word-spacing:2px}.btn-click:hover{box-shadow:inset 2px 2px 5px #fff,1px 1px 2px #fff;box-shadow:inset 2px 2px 5px var(--White-color),1px 1px 2px var(--White-color)}.h3{background:linear-gradient(270deg,#fff,#fff,#18aaff,#fff,#fff,#fff);background:linear-gradient(to left,var(--White-color),var(--White-color),var(--main-color),var(--White-color),var(--White-color),var(--White-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.4rem;letter-spacing:1px;text-align:center;word-spacing:2px}.about-skills{display:flex;gap:20px;justify-content:space-between;margin:50px 0}.about-skills div{align-items:center;background-color:#000;background-color:var(--black-color);border-radius:20px;box-shadow:inset 2px 2px 10px #fff;box-shadow:inset 2px 2px 10px var(--White-color);display:flex;flex-direction:column;gap:4px;min-width:150px;padding:10px 0;width:200px;word-spacing:4px}.about-skills div span:first-child{color:#18aaff;color:var(--main-color);font-size:3rem}.about-skills div span:nth-child(3){color:#ffffffd8;color:var(--blure-white);font-size:.8rem}.container-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,auto)}.project-card{background-color:#000;background-color:var(--black-color);border-radius:20px;box-shadow:inset 1px 1px 10px #fff;box-shadow:inset 1px 1px 10px var(--White-color);overflow:hidden;transition:transform .3s,box-shadow .3s;width:auto}.project-card:hover{box-shadow:inset 2px 2px 5px #fff,1px 1px 2px #fff;box-shadow:inset 2px 2px 5px var(--White-color),1px 1px 2px var(--White-color);transform:translateY(-8px)}.project-image{height:220px;min-width:300px;object-fit:cover;transition:all .3s ease-in-out;width:100%}.project-image:hover{scale:1.2}.project-content{display:flex;flex-direction:column;gap:8px;padding:20px}.project-content h3{color:#fff;color:var(--White-color);font-size:1.4rem}.project-content p{color:gray;color:var(--background-color)}.component{display:flex;gap:8px;margin-bottom:20px}.component div{background-color:#000;background-color:var(--black-color);border:1px solid #fff;border-radius:20px;box-shadow:inset 1px 1px 10px #fff;box-shadow:inset 1px 1px 10px var(--White-color);font-size:14px;padding:3px 8px}.sec-5 .container-5 .swiper{padding:50px 0}.sec-5 .swiper-slide{align-items:center;display:flex;justify-content:center}.sec-5 .card-swiper{background-color:#18aaff;background-color:var(--main-color);border-radius:10px;padding:0 10px;position:relative}.sec-5 .card-swiper:after{border-color:#0000 #0000 #18aaff;border-color:#0000 #0000 var(--main-color) #0000;border-style:solid;border-width:40px;bottom:0;content:"";filter:drop-shadow(0 -4px 4px #00000094);height:0;left:50%;position:absolute;transform:translateX(-50%);transition:filter .5s;width:60%;z-index:2}.sec-5 .swiper-slide img{border-radius:10px;display:block;height:auto;max-width:360px;position:relative;top:-10px;transition:.5s ease-in-out;width:30vw}.sec-5 .swiper-slide img:hover{cursor:grab;top:-50px}.sec-5 .card-swiper:has(img:hover):after{filter:drop-shadow(0 -4px 4px #0000001a)}.sec-5 .swiper-slide-active{opacity:1;transform:scale(1)}.sec-5 .swiper-slide-next img,.sec-5 .swiper-slide-prev img{opacity:1}.sec-5 .swiper-pagination{margin-top:5px}.sec-5 .swiper-pagination-bullet{background-color:gray;background-color:var(--background-color);opacity:1}.sec-5 .swiper-pagination-bullet-active{background-color:#18aaff;background-color:var(--main-color)}@media (max-width:991px){.sec-5 .swiper-slide img{width:100%}}.sec-6{overflow:hidden}.sec-6>.container-6{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,auto)}.item{background-color:#18aaff;background-color:var(--main-color);border-radius:10px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;padding:10px 5px;position:relative;width:auto}.item:after{border-color:#0000 #0000 #0000 #18aaff;border-color:#0000 #0000 #0000 var(--main-color);border-style:solid;border-width:40px;box-sizing:border-box;content:"";filter:drop-shadow(5px 0 4px #00000094);height:80%;left:0;position:absolute;top:8px;transition:filter .5s;z-index:2}.layer{background-color:#fff;background-color:var(--White-color);border-radius:inherit;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012;color:gray;color:var(--background-color);cursor:pointer;left:10px;min-height:190px;padding:20px 20px 20px 30px;position:relative;transition:left .5s;word-spacing:3px}.layer>h3{color:#18aaff;color:var(--main-color);font-weight:700;margin-bottom:20px;text-align:center}.layer span{bottom:10px;position:absolute;right:20px}.item-request{align-items:center;display:flex;justify-content:space-between;padding:10px 10px 0}.item-request a{border-radius:50px;box-shadow:inset 2px 2px 10px #fff;box-shadow:inset 2px 2px 10px var(--White-color);color:#fff;color:var(--White-color);padding:5px 20px;text-decoration:none;transition:.1s ease-in-out}.item-request a:hover{box-shadow:inset 2px 2px 5px #fff,1px 1px 2px #fff;box-shadow:inset 2px 2px 5px var(--White-color),1px 1px 2px var(--White-color)}.item:has(.layer:hover):after{filter:drop-shadow(5px 0 4px #0000001a)}.layer:hover{left:40px}.btn-view{margin:auto}.sec-7{background-color:#000;background-color:var(--black-color);overflow:hidden;position:relative}.orbsCanvas2{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.sec-7>.container-7{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-areas:"left top" "left bottom";grid-template-columns:auto auto;grid-template-rows:auto auto;position:relative;z-index:2}.sec-7>.container-7>.contain-7{align-items:flex-end;display:flex;flex-direction:row;grid-area:left;justify-content:center;width:-webkit-fit-content;width:fit-content}.form{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:52% 48% 33% 67%/38% 45% 55% 67%;box-shadow:inset 20px 20px 20px #ffffff38,1px 1px 115px #ffffff1e,inset -20px -20px 25px #ffffffd8;box-shadow:inset 20px 20px 20px #ffffff38,1px 1px 115px #ffffff1e,inset -20px -20px 25px var(--blure-white);display:flex;height:350px;justify-content:center;padding-top:30px;position:relative;transition:all .5s ease;width:350px;&:before{left:23%;opacity:.8;padding-bottom:4%;top:23%;width:4%}&:after,&:before{background-color:#fff;background-color:var(--White-color);border-radius:50%;content:"";height:0;position:absolute;transform:skew(15deg,0deg);transition:all .5s ease}&:after{left:15%;opacity:.9;padding-bottom:8%;top:14%;width:8%}&:hover{border-radius:50%;&:after,&:before{transform:skew(0deg,0deg) translate(50%,10%)}}}.login-box{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;h3{color:#fff;color:var(--White-color);font-size:1.8rem;font-weight:700;margin:0;position:relative;top:-10px;word-spacing:4px}form{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center}}input[type=email],input[type=text],textarea{background:none;color:#fff;color:var(--White-color);font-family:inherit;outline:none;&::placeholder{color:#fff;color:var(--White-color);font-size:13px}}.input-box{border-radius:25px;width:250px;input,textarea{font-size:14px;padding:12px 15px;width:100%}input[type=email],input[type=text],textarea{border:none;border-radius:25px;box-shadow:inset 2px 5px 10px #ffffff2a,inset -2px -5px 10px #ffffff06;caret-color:#fff;caret-color:var(--White-color);cursor:pointer}textarea{border-radius:25% 70% 54% 45%/33% 57% 32% 62%;height:100px;margin-left:10px;padding:15px;resize:none;width:230px}textarea::placeholder{font-size:12px;padding-top:2px}}input{color:#fff;color:var(--White-color);position:relative}input,input~label{transition:.3s ease-in-out}input~label{font-size:12px;left:70px;position:absolute;transform:translateY(12px)}input.active~label{background-color:#000;background-color:var(--black-color);border-radius:5px;padding:0 3px;transform:translateY(-8px)}.form-fill{background-color:red;border-radius:5px;left:50%;min-width:163px;padding:5px 10px;position:absolute;top:0;transform:scale(0);transition:.3s ease-in-out;width:-webkit-fit-content;width:fit-content}.form-fill:after{border:10px solid #0000;border-top-color:red;bottom:-20px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.right{align-items:flex-end;gap:10px;transform:translateX(-15px)}.right,.satelite{display:flex;flex-direction:column;justify-content:center}.satelite{align-items:center;color:#fff;color:var(--White-color);cursor:pointer;font-size:13px;font-weight:550;position:relative;text-align:center;transition:all .35s ease;&:before{background-color:#fff;background-color:var(--White-color);border-radius:50%;content:"";height:0;left:20%;opacity:.5;padding-bottom:11%;position:absolute;top:19%;transform:skew(-10deg,0deg);transition:all .35s ease;width:14%}&:hover{&:before{left:20%;padding-bottom:14%}}}.reset button{background-color:initial;border-radius:49% 51% 52% 48%/63% 59% 41% 37%;box-shadow:5px 5px 10px #ffffff1e,inset -10px -10px 15px #ffffffd8;box-shadow:5px 5px 10px #ffffff1e,inset -10px -10px 15px var(--blure-white);font-size:12px;height:60px;width:60px}.send button{background-color:initial;border-radius:44% 56% 65% 35%/57% 58% 42% 43%;box-shadow:10px 10px 30px #ffffff1e,inset -10px -10px 15px #ffffffd8;box-shadow:10px 10px 30px #ffffff1e,inset -10px -10px 15px var(--blure-white);font-size:16px;height:90px;width:90px}.reset button,.send button{border:none;color:#fff;color:var(--White-color);cursor:pointer;font-weight:700;transition:all .35s ease}.reset button:hover,.send button:hover{border-radius:50%}.form-success{border-radius:10px;bottom:60px;display:none;font-size:1.6rem;left:50%;padding:5px 20px;position:fixed;transform:translateX(-50%);z-index:100}.text-contain-7{align-items:flex-end;display:flex;font-size:1.4rem;grid-area:top;margin-bottom:20px;word-spacing:3px}.wrapper-social{display:flex;font-size:1.1rem;gap:10px;grid-area:bottom;justify-content:center;transition:.3s ease-in-out}.sec-7>.container-7 .wrapper-social>a{color:#fff;color:var(--White-color);text-decoration:none}.wrapper-social>a>.button-social{align-items:center;display:flex;margin-top:20px}.wrapper-social>a>.button-social span{align-items:center;border-radius:50px;border-bottom-left-radius:0;border-top-left-radius:0;display:flex;height:35px;justify-content:center;max-width:0;overflow:hidden;transition:.3s ease-in-out}.wrapper-social>a>.button-social:hover span{border-left:none;box-shadow:inset -1px -1px 10px #ffffffd8;box-shadow:inset -1px -1px 10px var(--blure-white);gap:5px;margin-right:10px;max-width:100px;padding-left:20px;padding-right:10px;transition:.3s ease-in-out}.wrapper-social>a>.button-social:hover .icon-social{transform:translateX(15px)}.wrapper-social>a>.button-social>.icon-social{align-items:center;border-radius:44% 56% 65% 35%/57% 58% 42% 43%;box-shadow:2px 2px 10px #0000001a,inset -3px -3px 8px #fff;box-shadow:2px 2px 10px #0000001a,inset -3px -3px 8px var(--White-color);display:flex;height:40px;justify-content:center;position:relative;transition:.3s ease-in-out;width:40px;z-index:1}.wrapper-social>a:first-child .button-social:hover span,.wrapper-social>a>.button-social:hover .facebook{background-color:#4267b2}.wrapper-social>a:nth-child(2) .button-social:hover span,.wrapper-social>a>.button-social:hover .whatsapp{background-color:#25d366}.wrapper-social>a:nth-child(3) .button-social:hover span,.wrapper-social>a>.button-social:hover .linkedin{background-color:#0077b5}.wrapper-social>a:nth-child(4) .button-social:hover span,.wrapper-social>a>.button-social:hover .github{background-color:#181717}.wrapper-social>a:nth-child(5) .button-social:hover span,.wrapper-social>a>.button-social:hover .mail{background-color:#d14836}footer{align-items:center;background-color:#000;background-color:var(--black-color);display:flex;font-size:1.2rem;font-style:italic;height:50px;justify-content:center;margin:auto;max-width:1400px;position:relative;width:100%}footer:before{content:"";height:1px;left:0;position:absolute;top:0;width:100%}.text-footer,footer:before{background:linear-gradient(270deg,#fff,#18aaff,#fff,#fff);background:linear-gradient(to left,var(--White-color),var(--main-color),var(--White-color),var(--White-color))}.text-footer{-webkit-background-clip:text;background-clip:text;color:#0000;padding:0 2px}.btn{animation:floatBtn 3s ease-in-out infinite;background-color:#18aaff;background-color:var(--main-color);border:none;border-radius:5px;bottom:10px;box-shadow:0 6px 6px #00000081;color:#fff;color:var(--White-color);cursor:pointer;font-size:1rem;font-weight:700;padding:7px 12px 4px 11px;position:fixed;right:20px;transition:.3s ease-in-out;z-index:100}.btn:hover{background-color:#fff;background-color:var(--White-color);color:#18aaff;color:var(--main-color)}@keyframes floatBtn{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width:1200px){.container-4{grid-template-columns:repeat(2,auto)}.project-image{height:300px}.sec-6>.container-6{grid-template-columns:repeat(2,auto)}}@media (max-width:992px){header{border-radius:30px;flex-direction:column;padding:8px 16px;width:95%}header>img{height:35px;width:35px}header>.hamburger{align-items:center;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:16px;width:30px}header>.hamburger>.hamburger-child{display:flex;flex-direction:column;height:30px;justify-content:center;width:30px}header>.hamburger>div>div{background-color:#fff;background-color:var(--White-color);border-radius:5px;height:3px;position:absolute;transition:.5s ease-in-out;width:30px}.hamburger>div>div:first-child{transform:translateY(-10px);width:15px}.hamburger>div>div:nth-child(3){transform:translate(15px,10px);width:15px}.hamburger.active div>div:first-child{transform:translate(13px,-5px) rotate(-47deg)}.hamburger.active div>div:nth-child(2){transform:translate(0) rotate(45deg)}.hamburger.active div>div:nth-child(3){transform:translate(3px,5px) rotate(-47deg)}nav{align-items:flex-start;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}nav.active{max-height:500px}ul{flex-direction:column;gap:0;margin-top:10px}ul,ul>li{width:100%}ul>li{border-bottom:1px solid #fff;border-bottom:1px solid var(--White-color);padding:10px 10px 10px 20px;transition:.3s ease-in-out}ul>li:hover{color:#18aaff;color:var(--main-color);padding-left:30px;text-shadow:0 0 3px #18aaff;text-shadow:0 0 3px var(--main-color)}ul>li:first-child{border-top:1px solid #fff;border-top:1px solid var(--White-color)}ul>li>a{color:#fff;color:var(--White-color);font-size:18px;text-decoration:none;width:100%}ul>li>a span{display:none}ul button{align-items:flex-start;border-bottom:1px solid #fff;border-bottom:1px solid var(--White-color);border-radius:0;display:flex;gap:2px;padding:10px 10px 10px 30px}ul button:after{display:none}.slider{background:#fff;background:var(--White-color);border-radius:30px;height:24px;left:3px;position:relative;position:absolute;top:3px;width:38px}header>nav>.switch-div{align-items:center;background-color:initial;border-radius:0;display:flex;justify-content:center;width:100%}.container-1{gap:30px;margin-top:83px;width:85%}.container-1>.div-photo{min-width:200px;width:250px}h1{font-size:clamp(2.5rem,7.5vw,8rem);text-shadow:1px 1px 0 #ccc,2px 2px 0 #ccc,3px 3px 0 #ccc,4px 4px 0 #ccc,5px 5px 0 #ccc,6px 6px 5px #ccc;text-shadow:1px 1px 0 var(--dark-white),2px 2px 0 var(--dark-white),3px 3px 0 var(--dark-white),4px 4px 0 var(--dark-white),5px 5px 0 var(--dark-white),6px 6px 5px var(--dark-white)}h2{font-size:1.9rem}.sec-2>.container-2>.hello-photo{left:60px;min-width:300px}.typing{font-size:1.6rem}.my-name>p{font-size:1.2rem}.btn-item-none,.download-btn,.whatsApp-btn{font-size:.9rem;padding:8px 15px}.about-skills div{min-width:80px}.about-skills div span:first-child{font-size:2.5rem}.about-skills div span:nth-child(2){font-size:.9rem}.about-skills div span:nth-child(3){font-size:.8rem;opacity:.8}.container-4,.sec-6>.container-6{grid-template-columns:repeat(1,auto)}.sec-7>.container-7{gap:50px;grid-template-areas:"top" "left" "bottom";grid-template-columns:1fr;grid-template-rows:auto}.contain-7{grid-area:left;margin:auto}.text-contain-7{font-size:1.2rem;grid-area:top}.wrapper-social{grid-area:bottom}}@media (max-width:768px){.container{width:90%}.container-1{flex-direction:column-reverse;gap:60px}h1{font-size:3.9rem;font-style:italic;line-height:1.2;margin-right:10px}.container-1>.div-photo{width:260px}.sec-2,.sec-3,.sec-4,.sec-5,.sec-6,.sec-7{gap:70px}.container-2,.container-3,.container-4,.container-5,.container-6,.container-7{width:90%}.sec-2>.container-2{flex-direction:column}.my-name{width:100%}.sec-2>.container-2>.hello-photo{left:0;width:350px}.about-skills{display:grid;grid-template-columns:repeat(2,auto);justify-content:space-evenly}.about-skills div{max-width:150px;min-width:80px;width:150px}.about-skills div span:first-child{font-size:2.5rem}.about-skills div span:nth-child(2){font-size:.9rem}.about-skills div span:nth-child(3){font-size:.8rem;opacity:.8}.btn-view{font-size:.9rem;padding:8px 15px}.form{height:310px;padding-top:1px;width:310px;&:before{left:25%;padding-bottom:4%;top:18%;width:4%}&:after{left:18%;padding-bottom:7%;top:10%;width:7%}}.login-box{h3{font-size:24px;top:-8px}form{gap:15px}}.input-box{textarea{height:80px;margin-left:10px;width:230px}input{font-size:16px;padding:8px 15px}}input~label{left:50px}.right{gap:10px;transform:translateX(-10px)}.satelite{font-size:13px;&:before{left:20%;padding-bottom:11%;top:19%;width:13%}&:hover{&:before{left:20%;padding-bottom:13%}}}.reset button{height:60px;width:60px}.send button{font-size:14px;height:80px;width:80px}.form-success{font-size:1.2rem;text-align:center;width:auto}}@media (max-width:575.98px){h1{font-size:3.6rem}}@media (max-width:430px){.form{height:250px;padding-top:15px;width:250px;&:before{left:23%;padding-bottom:3%;top:22%;width:3%}&:after{left:17%;padding-bottom:6%;top:15%;width:6%}}.login-box{h3{font-size:22px;top:-5px}form{gap:15px}}.input-box{width:200px;textarea{height:60px;margin-left:15px;padding:10px;width:180px}input{font-size:14px;padding:6px 15px}}input~label{left:40px;transform:translateY(7px)}input.active~label{transform:translateY(-8px)}.satelite{font-size:13px;&:before{left:20%;padding-bottom:11%;top:15%;width:13%}}.reset button{height:50px;width:50px}.send button{font-size:14px;height:70px;width:70px}}:root{--background-light:#e2e2e2;--box-shadow2:#0000000d;--box-shadow3:#ffffffe6}.light-mode{background-color:#fff}.light-mode header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#ffffff31;box-shadow:inset 5px 5px 10px var(--dark-white),20px 20px 20px #0000000d,20px 20px 30px #0000000d,inset -2px -2px 25px var(--White-color);box-shadow:inset 5px 5px 10px var(--dark-white),20px 20px 20px var(--box-shadow2),20px 20px 30px var(--box-shadow2),inset -2px -2px 25px var(--White-color)}.light-mode ul>li>a{color:var(--main-color)}.light-mode ul button:after,.light-mode ul>li>a span{background:linear-gradient(to bottom,#0000,#0000,#0000,var(--background2-color),var(--background2-color))}.light-mode header>.hamburger>div>div{background-color:var(--main-color)}.light-mode .switch{background:var(--main-color)}.light-mode .sec-1{background:linear-gradient(to left,var(--background2-color),var(--main-color),var(--background2-color),var(--background2-color))}.light-mode .container-1>.div-photo>img{filter:drop-shadow(0 0 1px var(--main-color))}.light-mode .code-background{opacity:.5}.light-mode .code-line{color:var(--background-color);color:var(--cursor-color,var(--background-color));text-shadow:0 0 5px var(--background-color);text-shadow:0 0 5px var(--cursor-color,var(--background-color))}.light-mode .my-name>p{color:var(--background-color)}.light-mode h2{background:linear-gradient(to left,#e2e2e2,var(--main-color),#e2e2e2,#e2e2e2);background:linear-gradient(to left,var(--background-light),var(--main-color),var(--background-light),var(--background-light));box-shadow:inset 2px 5px 11px #0000001e,15px 10px 25px #0000000d,15px 10px 25px #0000000d,inset -20px -20px 25px var(--White-color);box-shadow:inset 2px 5px 11px #0000001e,15px 10px 25px var(--box-shadow2),15px 10px 25px var(--box-shadow2),inset -20px -20px 25px var(--White-color)}.light-mode .download-btn,.light-mode .whatsApp-btn{animation:moveGradient 3s linear infinite;background:linear-gradient(110deg,#e2e2e2,#e2e2e2,#e2e2e2,#e2e2e2,var(--main-color),#e2e2e2,#e2e2e2,#e2e2e2,#e2e2e2);background:linear-gradient(110deg,var(--background-light),var(--background-light),var(--background-light),var(--background-light),var(--main-color),var(--background-light),var(--background-light),var(--background-light),var(--background-light));background-size:200% 100%;box-shadow:inset 2px 5px 11px #0000001e,5px 5px 20px #0000000d,5px 5px 20px #0000000d,inset -20px -20px 25px var(--White-color);box-shadow:inset 2px 5px 11px #0000001e,5px 5px 20px var(--box-shadow2),5px 5px 20px var(--box-shadow2),inset -20px -20px 25px var(--White-color);color:var(--background-color);cursor:pointer;transition:.3s ease-in-out}@keyframes moveGradient{0%{background-position:100% 0}to{background-position:-100% 0}}.light-mode .sec-3,.light-mode .sec-5,.light-mode .sec-7{background-color:var(--background2-color);position:relative;z-index:10}.light-mode .clip{display:block!important;height:200px;pointer-events:none;transform:translateY(10px);width:100%}.light-mode .about-skills div{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:inset 2px 2px 15px var(--dark-white);color:var(--background-color)}.light-mode .about-skills div span:nth-child(3){color:#8080807e}.light-mode .h3{background:linear-gradient(to left,var(--background-color),var(--background-color),var(--main-color),var(--background-color),var(--background-color),var(--background-color));-webkit-background-clip:text;background-clip:text;color:#0000;text-align:center}.light-mode .form{background-color:#e2e2e2;background-color:var(--background-light);box-shadow:inset 20px 20px 20px #0000000d,25px 35px 20px #0000000d,25px 30px 30px #0000000d,inset -20px -20px 25px #ffffffe6;box-shadow:inset 20px 20px 20px var(--box-shadow2),25px 35px 20px var(--box-shadow2),25px 30px 30px var(--box-shadow2),inset -20px -20px 25px #ffffffe6}.light-mode .login-box{h3{color:var(--background-color)}}.light-mode .input-box{input[type=email],input[type=text],textarea{box-shadow:inset 2px 5px 10px #0000001e;caret-color:var(--background-color);color:var(--background-color)}textarea{border-radius:25% 70% 54% 45%/33% 57% 32% 62%}}.light-mode input~label{color:var(--background-color)}.light-mode textarea{&::placeholder{color:var(--background-color)}}.light-mode input.active~label{background-color:#e2e2e2;background-color:var(--background-light)}.light-mode .reset button,.light-mode .send button{background-color:var(--main-color);box-shadow:15px 20px 15px #01b4ff1a,15px 25px 25px #01b4ff1a,inset -10px -10px 15px var(--White-color)}.light-mode .icon-social,.light-mode .text-contain-7{color:var(--background-color)}.light-mode .icon-social{background-color:#e2e2e2;background-color:var(--background-light)}.light-mode .wrapper-social>a .button-social:hover .icon-social{color:var(--White-color)}.light-mode footer{background-color:var(--background2-color)}.light-mode footer:before{height:2px}.light-mode .text-footer,.light-mode footer:before{background:linear-gradient(to left,var(--background-color),var(--main-color),var(--background-color),var(--background-color))}.light-mode .text-footer{-webkit-background-clip:text;background-clip:text;color:#0000}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-slides-offset-before);margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-end:var(--swiper-slides-offset-after);margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-slides-offset-before);margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-after:var(--swiper-slides-offset-after);margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}
/*# sourceMappingURL=main.869ee452.css.map*/