*{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box}:root{font-family:math;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde}body{min-width:320px;min-height:100vh;background:#fff url(/Portfolio/assets/bg-DJGYE1yE.webp) no-repeat center center / cover fixed;animation:bg-blur;animation-timeline:scroll()}@keyframes bg-blur{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}20%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}a{color:inherit;text-decoration:none}h1{text-align:center;text-shadow:0px 2px black,-2px 0px black,0px -2px black,2px 0px black;font-size:3rem}@media (max-width: 720px){h1{font-size:2rem}}.navbar{display:flex;background:#061a1f;border:1px solid cyan;border-radius:20px;padding:20px;gap:22px;position:fixed;top:80vh;left:50%;transform:translate(-50%);z-index:12}.nav-item a{display:flex;align-items:center;color:#fff;font-family:Arial,sans-serif;font-size:16px;cursor:pointer;overflow:hidden;white-space:nowrap;transition:all .3s ease}.nav-item i{font-size:22px;margin-right:8px;min-width:22px;text-align:center}.nav-item span{max-width:0;opacity:0;transition:all .3s ease}.navbar:hover .nav-item span{max-width:200px;opacity:1;padding-left:5px}.svg-inline--fa{height:2em}#about{display:flex;width:98vw;padding:3vw;font-size:3.5em;font-weight:600;line-height:1.7em}#about span{background:linear-gradient(342deg,#020024,#005a70 19%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}#about-left{width:50%}#about-right{text-align:right;width:50%}#resume{display:flex;justify-content:center;align-items:center;width:18rem;overflow:hidden;height:4rem;background-size:300% 300%;cursor:pointer;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:5rem;transition:.5s;animation:gradient_301 5s ease infinite;border:double 4px transparent;background-image:linear-gradient(#212121,#212121),linear-gradient(137.48deg,#ffdb3b 10%,#fe53bb 45%,#8f51ea 67%,#04f 87%);background-origin:border-box;background-clip:content-box,border-box;margin:2rem 0rem 0rem 3rem}#container-stars{position:absolute;z-index:-1;width:100%;height:100%;overflow:hidden;transition:.5s;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:5rem}#resume strong{z-index:2;font-size:15px;letter-spacing:2px;color:#fff;text-shadow:0 0 2px white}#glow{position:absolute;display:flex;width:12rem}#resume .circle{width:100%;height:30px;filter:blur(2rem);animation:pulse_3011 4s infinite;z-index:-1}#resume .circle:nth-of-type(1){background:#fe53baa2}#resume .circle:nth-of-type(2){background:#8e51eab4}#resume:hover #container-stars{z-index:1;background-color:#212121}#resume:hover{transform:scale(1.1)}#resume:active{border:double 4px #fe53bb;background-origin:border-box;background-clip:content-box,border-box;animation:none}#resume:active .circle{background:#fe53bb}#stars{position:relative;background:transparent;width:200rem;height:200rem}#stars:after{content:"";position:absolute;top:-10rem;left:-100rem;width:100%;height:100%;animation:animStarRotate 90s linear infinite}#stars:after{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px}#stars:before{content:"";position:absolute;top:0;left:-50%;width:170%;height:500%;animation:animStar 60s linear infinite}#stars:before{background-image:radial-gradient(#ffffff 1px,transparent 1%);background-size:50px 50px;opacity:.5}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-135rem)}}@keyframes animStarRotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes gradient_301{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse_3011{0%{transform:scale(.75);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.75);box-shadow:0 0 #0000}}@media (max-width: 720px){#about{font-size:2em;height:100vh;line-height:1.4em;flex-direction:column;align-items:center;color:#fff8dc;text-shadow:4px 4px 1px black;justify-content:center;transform:translateY(-5rem)}#resume{margin:auto;scale:.7;width:20rem}#about-left{width:100%;text-align:center}#about-right{text-align:center;width:100%}#about span{background:linear-gradient(342deg,#fff 0% 19%,#04cdcd);-webkit-background-clip:text;background-clip:text}}#proj-container{margin-top:4vw}#projects{display:flex;gap:3vw;flex-wrap:wrap;padding:3vw;justify-content:space-evenly}.card-parent{width:290px;height:300px;perspective:1000px}.card{height:100%;border-radius:50px;background:linear-gradient(135deg,#0af,#0869e2);transition:all .5s ease-in-out;transform-style:preserve-3d;box-shadow:#05471100 40px 50px 25px -40px,#05471133 0 25px 25px -5px}.glass{transform-style:preserve-3d;position:absolute;inset:8px;border-radius:55px 100% 55px 55px;background:linear-gradient(0deg,#ffffff59,#ffffffd0);transform:translateZ(25px);border-left:1px solid white;border-bottom:1px solid white;transition:all .5s ease-in-out}.content{padding:100px 60px 0 30px;transform:translateZ(26px)}.content .title{display:block;color:#000;font-weight:900;font-size:20px}.content .text{display:block;color:#000;font-size:15px;margin-top:20px}.bottom{padding:10px 12px;transform-style:preserve-3d;position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;transform:translateZ(26px)}.bottom .view-more{display:flex;align-items:center;width:40%;justify-content:flex-end;transition:all .2s ease-in-out}.bottom .view-more:hover{transform:translateZ(10px)}.bottom .view-more .view-more-button{background:none;border:none;color:#00c37b;font-weight:bolder;font-size:12px}.bottom .view-more .svg{fill:none;stroke:#00c37b;stroke-width:3px;max-height:15px}.bottom .social-buttons-container{display:flex;gap:10px;transform-style:preserve-3d}.bottom .social-buttons-container .social-button{width:30px;aspect-ratio:1;padding:5px;background:#fff;border-radius:50%;border:none;display:grid;place-content:center;box-shadow:#05471180 0 7px 5px -5px;cursor:pointer}.bottom .social-buttons-container .social-button:first-child{transition:transform .2s ease-in-out .4s,box-shadow .2s ease-in-out .4s}.bottom .social-buttons-container .social-button:nth-child(2){transition:transform .2s ease-in-out .6s,box-shadow .2s ease-in-out .6s}.bottom .social-buttons-container .social-button:nth-child(3){transition:transform .2s ease-in-out .8s,box-shadow .2s ease-in-out .8s}.bottom .social-buttons-container .social-button .svg{width:15px;fill:#00894d}.bottom .social-buttons-container .social-button:hover{background:#000;color:#fff}.bottom .social-buttons-container .social-button:hover .svg{fill:#fff}.bottom .social-buttons-container .social-button:active{background:#ffea00}.bottom .social-buttons-container .social-button:active .svg{fill:#000}.card>.logo{position:absolute;right:0;top:0;transform-style:preserve-3d}.card>.logo .circle{display:block;position:absolute;aspect-ratio:1;border-radius:50%;top:0;right:0;box-shadow:#64646f33 -10px 10px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#91eaff33;transition:all .5s ease-in-out}.card>.logo .circle1{width:170px;transform:translateZ(20px);top:8px;right:8px}.card>.logo .circle2{width:140px;transform:translateZ(40px);top:10px;right:10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition-delay:.4s}.card>.logo .circle3{width:110px;transform:translateZ(60px);top:17px;right:17px;transition-delay:.8s}.card>.logo .circle4{width:80px;transform:translateZ(80px);top:23px;right:23px;transition-delay:1.2s}.card>.logo .circle5{width:50px;transform:translateZ(100px);top:30px;right:30px;display:grid;place-content:center;transition-delay:1.6s;font-weight:900}.card-parent:hover .card{transform:rotate3d(1,1,0,30deg);box-shadow:#0547114d 30px 50px 25px -40px,#0547111a 0 25px 30px}.card-parent:hover .card .bottom .social-buttons-container .social-button{transform:translateZ(50px);box-shadow:#05471133 -5px 20px 10px}.card-parent:hover .card .logo .circle2{transform:translateZ(60px)}.card-parent:hover .card .logo .circle3{transform:translateZ(80px)}.card-parent:hover .card .logo .circle4{transform:translateZ(100px)}.social-buttons-container .social-button:first-child{color:#000;width:52px;aspect-ratio:auto;border-radius:18px;font-size:15px;font-weight:700}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.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{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#skills h1{margin-bottom:2rem}.skill-slider img{width:10vw}.skill-slide{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2vw;font-size:2rem;cursor:grab}@media (max-width: 720px){.skill-slide{font-size:1rem}}#connect{display:flex;align-items:center;gap:5vw;margin:6vw 0;padding:1vw 8vw}#connect h1{text-align:left;width:64%}.social-clock{--count-buttons: 6;--size-button: 4rem;--size-clock: 16rem;--size-padding: .5rem;transform:scale(1.5)}.social-clock{--size: var(--size-clock);border-radius:var(--size);cursor:default;height:var(--size);pointer-events:none;position:relative;width:var(--size);transition:all .5s linear}.social-clock,.social-clock__trigger{align-items:center;display:flex;justify-content:center}.social-clock__trigger{--size: var(--size-button);background:#000;border:none;border-radius:var(--size);height:var(--size);pointer-events:all;width:var(--size);z-index:3}.social-clock__trigger img{--size: calc(.65 * var(--size-button));fill:#fff;height:var(--size);width:var(--size);padding-right:calc(.05 * var(--size-button))}.social-clock__list{--size: calc(var(--size-button) + var(--size-padding));border-radius:inherit;height:var(--size);left:calc(50% - var(--size) / 2);pointer-events:all;position:absolute;top:calc(50% - var(--size) / 2);width:var(--size);transition:all .3s ease-in-out,transform .3s linear}.social-clock:hover .social-clock__list{--size: 100%;transform:rotate(360deg)}.social-clock__button{--angle: calc(var(--index, 0) * 360deg / var(--count-buttons));--height: calc(100% - var(--size-padding) * 2);--size: var(--size-button);background:none;border:none;border-radius:var(--size);box-sizing:content-box;cursor:pointer;height:var(--height);left:calc(50% - var(--size) / 2);pointer-events:none;position:absolute;top:calc(50% - var(--height) / 2);transform:rotate(var(--angle));width:var(--size)}.social-clock__button:after,.social-clock__button:before{--size: var(--size-button);border-radius:inherit;box-sizing:border-box;content:"";left:calc(50% - var(--size) / 2);position:absolute;width:var(--size)}.social-clock__button:before{--fill-opacity: .5;background:rgba(var(--color),var(--fill-opacity));height:var(--size);pointer-events:all;top:0;transition:background .3s linear}.social-clock:hover .social-clock__button:before{background:rgba(0,0,0,var(--fill-opacity));box-shadow:0 0 4px 2px #fff}.social-clock__button:after{--fill-opacity: .7;--fill-size: 0;--height: calc(50% + var(--size) / 2);bottom:calc(100% - var(--height));box-shadow:inset 0 var(--fill-size) 0 rgba(var(--color),var(--fill-opacity));height:var(--height);pointer-events:none;transition:box-shadow .3s ease-in-out}.social-clock__button:hover:after{--fill-size: calc(-.5 * (var(--size-clock) + var(--size)));pointer-events:all}.social-clock__button:active:after{--fill-opacity: 1}.social-clock__button svg,.social-clock__button img{--padding: calc((var(--size-button) - var(--size)) / 2);--size: calc(.65 * var(--size-button));fill:#fff;height:var(--size);left:var(--padding);position:absolute;top:var(--padding);transform:rotate(calc(-1 * var(--angle)));width:var(--size);z-index:2}.social-clock__button.discord{--color: 88, 101, 242}.social-clock__button.linkedin{--color: 24, 119, 242}.social-clock__button.github{--color: 152, 153, 153}.social-clock__button.instagram{--color: 225, 48, 108}.social-clock__button.line{--color: 0, 195, 0}.social-clock__button.linkedin{--color: 10, 102, 194}.social-clock__button.gmail{--color: 255, 50, 50}.social-clock__button.tiktok{--color: 0, 0, 0}.social-clock__button.twitch{--color: 145, 70, 255}.social-clock__button.twitter{--color: 29, 161, 242}.social-clock__button.whatsapp{--color: 37, 211, 102}.social-clock__button.youtube{--color: 205, 32, 31}.social-clock__button:nth-child(1){--index: 0}.social-clock__button:nth-child(1) img,.social-clock__button:nth-child(3) img{padding:4px}.social-clock__button:nth-child(2){--index: 1}.social-clock__button:nth-child(3){--index: 2}.social-clock__button:nth-child(4){--index: 3}.social-clock__button:nth-child(5){--index: 4}.social-clock__button:nth-child(6){--index: 5}.social-clock__button:nth-child(7){--index: 6}.social-clock__button:nth-child(8){--index: 7}.social-clock__button:nth-child(9){--index: 8}.social-clock__button:nth-child(10){--index: 9}.spinner-container{position:fixed;background:#000;width:99vw;height:100%;z-index:13;padding-top:40vh;transition:opacity 1s ease}.spinner{width:70.4px;height:70.4px;--clr: rgb(247, 197, 159);--clr-alpha: rgb(247, 197, 159, .1);animation:spinner 1.6s infinite ease;transform-style:preserve-3d;margin:auto}.spinner>div{background-color:var(--clr-alpha);height:100%;position:absolute;width:100%;border:3.5px solid var(--clr)}.spinner div:nth-of-type(1){transform:translateZ(-35.2px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(35.2px)}@keyframes spinner{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}