:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media (prefers-color-scheme:light),(prefers-color-scheme:no-preference){[data-theme=light]{--foreground-rgb:0,0,0;--background-start-rgb:255,255,255;--background-end-rgb:255,255,255;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}@media (prefers-color-scheme:dark),(prefers-color-scheme:no-preference){[data-theme=dark]{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200;--icon-social:155,156,157}.project-card{border:1px solid #e6e6e6;padding:20px;border-radius:5px}}body,html{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}a{color:inherit}*{margin:0;box-sizing:border-box}*,body{padding:0}body{font-family:sans-serif;font-size:16px;line-height:1.5;margin:0 auto}@media screen and (max-width:768px){body{width:100%;padding:0 2rem}}a{text-decoration:none;color:rgb(var(--icon-social))}li{list-style:none}.nav-container{display:flex;justify-content:space-evenly;align-items:center;padding:1rem 0;background-color:#1d1e20}.nav-container .logo{font-size:1.5rem;font-weight:700}.cta-btn{background-color:#ffcc1a;color:#1d1e20;padding:.5rem 1rem;border-radius:5px;font-size:1rem;font-weight:600;transition:all .5s ease-in-out;cursor:pointer;display:inline-block}.cta-btn:hover{background-color:#dadadb}hr{border:none;background-color:#9b9c9d;height:1px;width:80%;margin:0 auto}@media screen and (max-width:768px){hr{width:100%}}.footer-container{display:flex;justify-content:space-around;align-items:center;padding:2rem 0;background-color:#1d1e20}.footer-container p{font-size:.8rem;color:#9b9c9d}.footer-container .social_icons{display:flex;justify-content:space-between;align-items:center;gap:0 1rem}.footer-container .social_icons a{color:#9b9c9d;font-size:1.5rem;transition:all .5s ease-in-out}.footer-container .social_icons a:hover{color:#dadadb}.hero-container{height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem 0;background:#020024;background:linear-gradient(90deg,rgba(2,0,36,.2),rgba(9,9,121,.5) 35%,rgba(0,212,255,.7))}.color-green{margin-top:-80px;margin-right:900px;height:400px;width:400px;background:green;position:absolute;z-index:1;filter:blur(30px);border-radius:500px}.hero-container .profile-img{margin:0 auto;padding-top:80px;object-fit:cover;animation:moveUpDown 2s ease-in-out infinite;position:relative;z-index:2;left:5%}@keyframes moveUpDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.mano{animation:wave-animation 2.5s infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0deg)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.hero-container .hero-text{text-align:center;margin:1rem 0;width:80%;padding:0 10%}@media screen and (max-width:768px){.hero-container{display:block}.hero-container .hero-text{width:100%}.hero-container .profile-img{align-items:center;height:300px;width:300px;display:block}.color-green{display:flex;top:280px;height:280px;width:280px;margin-left:10px}}@media screen and (min-height:768px) and (max-height:1024px){.hero-container{height:600px}}@media screen and (max-width:480px){.hero-container{height:70%}.hero-container .hero-text{margin-top:15%}.color-green{top:260px;left:30px;width:80%}.hero-container .profile-img{padding:10px 10px 0 0;top:50px}}.hero-container .hero-text h2{font-size:2.2rem;font-weight:600;margin-bottom:1rem}.hero-container .hero-text p{font-size:1.2rem;font-weight:400;margin-bottom:1rem;margin-left:10px}.hero-container .social-icons{display:flex;justify-content:center;align-items:center;gap:0 1rem}.hero-container .social-icons a{color:rgb(var(--icon-social));font-size:1.5rem;transition:all .5s ease-in-out}.hero-container .social-icons a:hover{color:#dadadb}.about-container{padding:2rem 0;background:#020024;background:linear-gradient(90deg,rgba(2,0,36,.2),rgba(116,9,121,.5) 50%,rgba(0,48,255,.7))}.about-container h2{font-size:2rem;font-weight:600;padding-left:2%;margin:0 0 3rem}.about-container .flex-about{display:flex;justify-content:space-between;padding-left:2%;gap:0 2rem}.about-container .flex-about .about-text{width:50%;line-height:1.8}.about-container .flex-about .about-text p{font-size:1rem;font-weight:400;margin-bottom:1rem}.about-container .flex-about .about-img{width:50%;flex:1 1}.about-container .flex-about .about-img .profile-img{overflow:hidden;width:100%;height:500px;object-fit:cover;border:2px solid #dadadb;filter:grayscale(100%);transition:all .5s ease-in-out;cursor:cell;grid-column:2/3}.about-container .flex-about .about-img .profile-img:hover{filter:grayscale(0);transform:scale(1.02)}.color-blue{margin-left:620px;height:500px;width:400px;background:blue;position:absolute;z-index:-1;filter:blur(30px);border-radius:500px}@media screen and (max-width:768px){.about-container .flex-about{flex-direction:column}.about-container{display:block}.about-container .flex-about .about-img,.about-container .flex-about .about-text{width:100%}.color-blue{top:1400px;margin-left:10px}}@media screen and (min-height:768px) and (max-height:1024px){.color-blue{margin-left:0}}@media screen and (max-width:480px){.color-blue{width:80%;height:50%;left:52px;top:2000px}.about-container{padding-top:0;width:100%!important;height:180dvh!important}.about-text p{margin:0 10px}.about-img .profile-img{margin:40px 20px 0;width:90%!important;height:90%!important}.about-container .flex-about .about-text p{font-weight:500;font-size:1.2rem}}@media screen and (max-width:360px){.color-blue{opacity:0}.about-container{padding-top:0;width:100%!important;height:240vh!important}.flex-about{width:100%!important;height:90vh!important}.about-text p{margin:0 10px}.about-img .profile-img{margin:40px 20px 0;width:90%!important;height:90%!important}.about-container .flex-about .about-text p{font-weight:500;font-size:1.2rem}}.skills-container{padding:2rem 2rem 4rem;background:#020024;background:linear-gradient(90deg,rgba(2,0,36,.2) 10%,rgba(13,206,110,.5) 45%,rgba(0,177,255,.7))}.skills-container h2{font-size:2rem;font-weight:600;margin:2rem 0 3rem}.skills-container .grid-skills{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}@media screen and (max-width:768px){.skills-container .grid-skills{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:360px){.skills-container .grid-skills{grid-template-columns:repeat(1,1fr)}}.skills-container .grid-skills .skill-card{background-color:#dadadb;color:#1d1e20;display:flex;justify-content:center;align-items:center;gap:0 1rem;padding:1rem;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);transition:all .5s ease-in-out;cursor:context-menu}.skills-container .grid-skills i{font-size:1.5rem}.skills-container .grid-skills .premiere:hover{background-color:#e326d9;box-shadow:0 0 50px 0 #e326d9}.skills-container .grid-skills .after:hover{color:#fff;background-color:#8426e3;box-shadow:0 0 50px 0 #8b26e3}.skills-container .grid-skills .illustrator:hover{background-color:#e39726;box-shadow:0 0 50px 0 #e39726}.skills-container .grid-skills .photoshop:hover{background-color:#3926e3;color:#fff;box-shadow:0 0 50px 0 #3c26e3}.skills-container .grid-skills .html:hover{background-color:#e34f26;box-shadow:0 0 50px 0 #e34f26}.skills-container .grid-skills .css:hover{background-color:#264de4;box-shadow:0 0 50px 0 #264de4}.skills-container .grid-skills .js:hover{background-color:#f7df1e;box-shadow:0 0 50px 0 #f7df1e}.skills-container .grid-skills .react:hover{background-color:#61dafb;box-shadow:0 0 50px 0 #61dafb}.skills-container .grid-skills .node:hover{background-color:#393;box-shadow:0 0 50px 0 #393}.skills-container .grid-skills .angular:hover{background-color:#ab3737;color:#fff;box-shadow:0 0 50px 0 #ab3737}.skills-container .grid-skills .bootstrap:hover{background-color:#7737ab;color:#fff;box-shadow:0 0 50px 0 #7737ab}.skills-container .grid-skills .figma:hover{background-color:#a97ecb;box-shadow:0 0 50px 0 #a97ecb}.skills-container .grid-skills .typescript:hover{background-color:#8fd7ec;box-shadow:0 0 50px 0 #8fd7ec}.skills-container .grid-skills .adobeXD:hover{background-color:#3a1855;color:#fff;box-shadow:0 0 50px 0 #3a1855}.portfolio-container{height:8300px;padding:2rem 2rem 4rem;background:#020024;background:linear-gradient(90deg,rgba(2,0,36,.2),rgba(13,206,191,.4) 70%,rgba(239,0,255,.6))}.portfolio-container h2{font-size:2rem;font-weight:600;margin:2rem 0 3rem}.portfolio-container .flex-portfolio{height:100vh;display:flex;justify-content:space-between;padding-left:2%;gap:0 2rem}.portfolio-grid{display:grid;grid-gap:20px;gap:20px}.portfolio-item{padding:0}.portfolio-item img{max-width:100%;height:auto}@media screen and (max-width:480px){.portfolio-container{height:3800px}}@media screen and (max-width:360px){.portfolio-container{height:3150px}}.projects-container{padding:2rem 2rem 4rem;background:#020024;background:linear-gradient(90deg,rgba(2,0,36,.2),rgba(13,206,191,.4) 70%,rgba(239,0,255,.6))}.projects-container h2{font-size:2rem;font-weight:600;margin:2rem 0 3rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}@media screen and (max-width:768px){.projects-grid{grid-template-columns:repeat(1,1fr)}}.project-card{border:1px solid rgb(var(--foreground-rgb));padding:20px;border-radius:5px}.project-card .project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.project-card .folder-icon{font-size:35px;color:#ffcc17}.project-header .small-icons{display:flex;gap:0 5px}.project-card .small-icons a{margin-right:5px;cursor:pointer;transition:all .5s ease;font-size:20px}.project-card .small-icons a:hover{color:#ffcc17}.project-card .project h3{font-size:20px;margin-bottom:10px}.project-card .project p{font-size:16px;margin-bottom:10px;color:#b25757}@media screen and (max-width:480px){.projects-container{padding:0;height:1450px;width:100%}.projects-grid{width:100dvw;height:100dvh}.projects-container h2{margin-top:0;padding-top:20px}}.contact-container{padding:2rem 0 4rem;display:flex;justify-content:center;align-items:center;flex-direction:column;width:80%;margin:0 auto}@media screen and (max-width:768px){.contact-container{width:100%}}.contact-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.contact-container p{font-size:1rem;font-weight:400;margin-bottom:1rem;text-align:center}.NavBar_project{width:71%;height:22%;background:#3b3b3b95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;top:84%;z-index:100;border-radius:10px 10px 0 0;transition:all .3s ease-in-out;-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);left:17%}.NavBar_project nav{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;background-color:transparent}.NavBar_project ul{list-style:none;display:flex;justify-content:space-between;width:500px;margin-top:10px}.NavBar_project li{position:relative;text-align:center}.NavBar_project .bubble{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background-color:#9b9b9b;transition:all .3s ease-in-out;z-index:-1}.NavBar_project a{text-decoration:none;color:#fff;font-size:1.2rem;font-weight:700;transition:all .3s ease-in-out}.NavBar_project li:hover a{color:#000}.NavBar_project li:hover .bubble{width:110px;height:110px;border-radius:50%;background-color:#fff;animation:inflate .5s ease-in-out forwards}.NavBar_project li:active .bubble{animation:burst .2s ease-in-out forwards}.icon-hamburger{width:50px;height:50px;position:absolute;z-index:101;right:65vw;top:18px;cursor:pointer}.desplace{transition:all .3s ease-in-out;top:84%;left:94%}@keyframes inflate{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes burst{0%{transform:translate(-50%,-50%) scale(1);background-color:#fff}to{transform:translate(-50%,-50%) scale(10);background-color:#0d00ff}}.NavBar_project li:hover .NavBar_project{-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%)}@media screen and (max-width:480px){body{display:block;padding:0;text-align:center}svg{height:30px!important;width:30px!important}.NavBar_project{width:80vw;left:12%;padding-top:10px}.NavBar_project a{font-size:15px}.NavBar_project li:hover .bubble{background-color:transparent}.NavBar_project li:hover a{color:#fff200}.desplace{left:100%}.icon-hamburger{left:-50px;background:rgba(72,72,72,.6);border:2px solid #fff;height:60px;padding-top:14px}}