@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600&display=swap";*{margin:0;padding:0}html,body{background:#161513;color:#fff;font-family:Roboto Slab;font-size:1.5rem;width:100%;height:100vh}body{padding-top:100px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#161513;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;height:10vh;box-sizing:border-box}.logo{width:15vw;max-width:180px;height:auto}.nav-menu{display:flex;align-items:center;list-style:none;gap:2vw;font-size:.9rem}.nav-menu li{display:flex;flex-direction:column;gap:0px;cursor:pointer}.nav-menu li img{width:8vw;height:40px;margin:auto}.anchor-link{text-decoration:none;color:#fff;cursor:pointer;transition:color .3s ease}.nav-connect{padding:.3em .5em;border-radius:50px;background:linear-gradient(267deg,#8e2de2 .36%,#00c6ff 102.06%);font-size:.8rem;cursor:pointer;transition:.5s;margin-left:1.5vw}.nav-connect:hover{transform:scale(1.05)}.nav-mob-close,.nav-mob-open{display:none}@media (min-width: 851px) and (max-width: 1250px){.navbar{padding:0 4vw}.logo{width:150px}.nav-menu{flex-direction:row;gap:2vw}.nav-connect{display:none}}@media (max-width: 850px){.navbar{padding:0 3vw}.logo{width:250px}.nav-menu{position:fixed;flex-direction:column;align-items:flex-start;top:0;right:-100%;gap:2vh;background-color:#323235d9;width:30vw;height:100%;z-index:2;transition:right .5s;overflow-y:auto}.nav-menu.open{right:0}.nav-menu li{padding-left:2vw;flex-direction:row;gap:1vw;margin-top:2vh}.nav-menu li img{width:10vw}.nav-menu li a{font-size:.9rem;margin-top:15px}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:4vw;top:2vh;width:6vw;height:10vw;cursor:pointer;z-index:1001}.nav-mob-close{display:block;position:relative;top:6vh;left:2vw;margin-bottom:1vh;width:6vw;cursor:pointer}}@media (max-width: 480px){.navbar{padding:0 2vw;height:8vh}.logo{width:250px;height:80px}.nav-menu{width:50vw;height:100vh}.nav-menu li a{margin-top:15px;font-size:.8rem}}.hero{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:40px;margin:0 auto;padding:0 20px;height:100vh;box-sizing:border-box;max-width:1800px}.hero-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;max-width:50%;padding:10px}.imgme{width:100%;height:calc(100% + 10rem);max-width:350px;border-radius:50%;background:linear-gradient(270deg,#8e2de2,#fff);background-size:400% 400%;animation:border-spin 4s linear infinite;display:flex;justify-content:center;align-items:center;margin:0 auto;box-shadow:0 0 15px #0003;position:relative}.img-me{width:95%;max-width:350px;height:auto;border-radius:50%;display:block;background:linear-gradient(270deg,#8e2de2 10%,#00c6ff)}.socialmedia a img{width:100%;max-width:250px;height:auto;border-radius:10px}.socialmedia{display:flex;flex-direction:row;justify-content:center;gap:20px}.socialmedia a img{width:28px;height:auto;max-width:30px}.hero-left{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;flex:1;max-width:60%;padding:0 10px;margin-right:0}.hero-left h1{margin-top:30px;font-size:2rem;font-weight:600;line-height:1.3;width:100%}.hero-left h1 span{background:linear-gradient(270deg,#8e2de2 10%,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-left p{font-size:.9rem;line-height:1.5;margin:0 auto;max-width:500px}.hero-action{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:30px}.hero-resume{padding:10px 25px;border-radius:50px;cursor:pointer;font-size:.9rem;margin-top:30px}.hero-connect{background:linear-gradient(264deg,#8e2de2 -5.09%,#00c6ff 106.28%)}.hero-connect:hover{border:2px solid white}.hero-resume{border:2px solid #fff}.hero-resume:hover{border-color:#b940f1}@media (max-width: 768px){.hero{flex-direction:column;height:auto;padding:20px;gap:30px}.hero-right{max-width:80%}.hero-right img{max-width:220px}.hero-left{max-width:100%}.hero-left h1{font-size:1.5rem}.hero-left p{font-size:.7rem;line-height:1.6}.socialmedia a img{width:24px}}@media (max-width: 480px){.hero-left h1{font-size:1.2rem}.hero-left p{font-size:.7rem;line-height:1.4}.hero-right img{max-width:180px}.socialmedia a img{width:20px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin:0 40px;padding:30px;min-height:calc(100vh - 80px);box-sizing:border-box;max-width:1800px}.about-title{position:relative}.about-title h1{padding:0 20px;font-size:2.5rem;font-weight:600}.about-title img{position:absolute;bottom:0;right:0;z-index:-1;width:100px}.about-section{display:flex;flex-direction:row-reverse;gap:40px;justify-content:space-between;align-items:center;margin:20px}.about-left{width:100%;height:calc(100% + 10rem);max-width:350px;border-radius:20%;background:linear-gradient(270deg,#8e2de2,#fff);background-size:400% 400%;animation:border-spin 4s linear infinite;display:flex;justify-content:center;align-items:center;margin:0 auto;box-shadow:0 0 15px #0003;position:relative}.about-left img{width:95%;max-width:350px;height:auto;border-radius:20%;display:block;background:linear-gradient(270deg,#8e2de2 10%,#00c6ff)}.about-right{display:flex;flex-direction:column;justify-content:center;flex:1;margin:20px;text-align:left;gap:20px}.about-para{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:18px;font-weight:500;margin:20px}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skills h2{font-size:35px;background:linear-gradient(264deg,#8e2de2 80.41%,#00c6ff 30.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill p{min-width:10px;font-size:16px;font-weight:500}.about-skill hr{outline:none;border:none;width:30%;height:8px;border-radius:50px;background:linear-gradient(264deg,#8e2de2 -5.09%,#00c6ff 106.28%)}.about-skills span{font-size:.5rem;font-weight:400;margin-top:2px;position:inherit}.about-archievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-archievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-archievement h1{font-size:35px;font-weight:700;background:linear-gradient(270deg,#8e2de2 50.41%,#00c6ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-archievement p{font-size:16px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-archievement:hover{transform:scale(1.12);transition:.5s}@media (max-width: 850px){.about-section{flex-direction:column;text-align:center;gap:20px}.about-left img{width:200px}.about-right{text-align:center}.about-title h1{font-size:1.8rem}}@media (max-width: 450px){.about{margin:20px;padding-top:80px}.about-title h1{font-size:1.8rem}}@keyframes border-spin{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.experience-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px;margin:30px;padding:80px 20px;height:calc(100vh - 80px);box-sizing:border-box;max-width:1800px}.experience-title{position:relative}.experience-title h1{font-size:2.5rem;padding:0}.experience-title img{position:absolute;bottom:0;right:0;z-index:-1;width:100px}.experience-list{display:flex;flex-direction:column;gap:2rem}.experience-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.experience-year{color:#8633cf;font-size:2rem;font-weight:600}.experience-details{border-left:4px solid #8633cf;padding-left:1.8rem}.experience-role{font-size:35px;font-weight:700;background:linear-gradient(270deg,#8e2de2 50.41%,#00c6ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience-description{gap:30px;color:#e2e8f0;margin-top:20px;font-size:16px}.experience-technologies{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}.ex-technology-tag{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #fff;cursor:pointer}.ex-technology-tag:hover{transform:scale(1.12);transition:.5s;border-color:#b940f1}@media (max-width: 768px){.experience-container{padding:60px 20px;height:calc(100vh - 60px)}.experience-title h1{font-size:2rem}.experience-year{font-size:1.8rem}.experience-role{font-size:28px}.experience-description{font-size:14px}.ex-technology-tag{font-size:.7rem}}@media (max-width: 450px){.experience-container{padding:50px 15px;height:calc(100vh - 50px)}.experience-title h1{font-size:1.8rem}.experience-year{font-size:1.2rem}.experience-role{font-size:20px}.experience-description{font-size:12px}.ex-technology-tag{font-size:.6rem;padding:.2rem .6rem}}.proyects-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:40px;margin:20px;padding:80px 20px 20px;min-height:calc(100vh - 80px);box-sizing:border-box}.proyects-title{position:relative;text-align:center}.proyects-title h1{font-size:2.5rem}.proyects-title img{position:absolute;bottom:0;right:0;z-index:-1;width:100px}.proyects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:1200px;justify-content:center}.proyect-card{background:linear-gradient(267deg,#8e2de2 .36%,#00c6ff 102.06%);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease;justify-content:center;align-items:center;gap:20px}.proyect-card:hover{cursor:pointer}.proyect-image-container{display:flex;justify-content:center;align-items:center;position:relative;width:90%;height:200px;overflow:hidden}.proyect-image{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:opacity 1s ease-in-out}.proyect-title{bottom:0;width:90%;text-align:center;padding:.2rem .5}.proyect-titlecard{font-size:.8rem;margin:0 20px}.proyect-content{padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.proyect-content h1{font-size:.9rem;font-weight:700;background:#000;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.proyect-description,.proyect-participation{font-size:.7rem;color:#fff}.proyect-technologies{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pro-technology-tag{color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #FFF}.proyect-links{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto}.proyect-links h3{font-size:.7rem}.github-icon{margin-top:15px;font-size:1.5rem;color:#fff;transition:color .3s}.github-icon:hover{transform:scale(1.2);color:#b940f1}.pro-technology-tag:hover{transform:scale(1.12);transition:.5s;border-color:#b940f1}@media (max-width: 850px){.proyects-container{padding:80px 20px 20px}.proyects-title h1{font-size:2rem}.proyect-titlecard{font-size:.8rem}.proyects-grid{grid-template-columns:1fr}.proyect-card{align-items:center}.proyect-image{height:250px;margin:0 auto}.proyect-content h1{font-size:.85rem}.proyect-description,.proyect-participation{font-size:.65rem}}@media (max-width: 495px){.proyects-container{padding:80px 15px 20px}.proyect-content h1{font-size:.75rem}.proyect-description,.proyect-participation{font-size:.6rem}.pro-technology-tag{font-size:.7rem;padding:.2rem .5rem}.github-icon{font-size:1.2rem}.proyect-image{width:90%}}.skills{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:40px 20px;margin:40px;max-width:1800px;min-height:100vh;box-sizing:border-box}.skill-title{position:relative;text-align:center}.skill-title h1{font-size:2.5rem;font-weight:600;margin:0}.skill-title img{position:absolute;bottom:0;right:0;z-index:-1;width:100px}.skill-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:20px;flex-wrap:wrap}.skill-right{display:flex;flex-direction:column;width:48%;gap:20px}.skill-left{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:48%}.right-title{text-align:center}.right-title h1{font-size:1.5rem;margin:0}.skill{display:flex;gap:20px;align-items:center;transition:.3s}.skill p{font-size:1rem;font-weight:500}.skill hr{width:30%;height:8px;border-radius:50px;background:linear-gradient(264deg,#8e2de2 -5.09%,#00c6ff 106.28%)}.skill span{font-size:.4rem;font-weight:400;margin-top:2px;position:inherit}.skill-archievements{display:flex;justify-content:space-around;width:100%;gap:20px;flex-wrap:wrap}.skill-archievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .5s}.skill-archievement h1{font-size:35px;font-weight:700;background:linear-gradient(270deg,#8e2de2 50.41%,#00c6ff 90.25%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skill-archievement p{font-size:16px;font-weight:500}.card-certificate{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;transition:transform .3s}.card-certificate img{width:100%;height:185px}.card-certificate span{position:absolute;top:0;left:0;width:100%;height:95%;background:#8d2de2a2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;opacity:0;transition:opacity .3s}.card-certificate:hover span{opacity:1}@media (max-width: 1024px){.skill{margin:20px}.skill-left{grid-template-columns:repeat(2,1fr)}.skill-right{width:100%}.skill-section{flex-direction:column;gap:20px}.card-certificate img{width:100%}}@media (max-width: 768px){.skill-left{grid-template-columns:repeat(1,1fr)}.skill-title h1{font-size:2rem;font-weight:600;margin:0}.skill-archievements{flex-direction:column;gap:20px}.card-certificate img{width:100%}}@media (max-width: 495px){.skill p{font-size:14px}.skill-archievement h1{font-size:30px}.card-certificate img{width:100%}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:0 auto;padding:100px 10px 20px;min-height:100vh;box-sizing:border-box;max-width:1200px}.contact-title{position:relative;text-align:center}.contact-title h1{padding:0;font-size:2.5rem;font-weight:800}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1;width:100px}.contact-section{display:flex;gap:5px;width:100%;justify-content:center;margin-top:20px}.contact-left{display:flex;flex-direction:column;gap:30px;flex:1;max-width:50%}.contact-left h1{font-size:1.8rem;font-weight:700;background:linear-gradient(270deg,#8e2de2 80%,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:500px;font-size:1rem;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:20px;font-size:1.2rem}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-left:2rem;flex:1;max-width:50%}.contact-right label{font-size:.8rem;font-weight:400}.contact-right input{border:none;width:100%;height:45px;padding-left:20px;border-radius:5px;background-color:#32323c;color:#a0a0a0;font-family:Outfit;font-size:.9rem}.contact-right textarea{border:none;width:100%;padding:20px;height:200px;border-radius:5px;background-color:#32323c;color:#a0a0a0;font-family:Outfit;font-size:.9rem}.contact-submit{border:none;margin-left:20px;padding:5px 20px;border-radius:50px;background:linear-gradient(264deg,#8e2de2 -5.09%,#00c6ff);font-size:.8rem;cursor:pointer;font-weight:550}.contact-submit:hover{transform:scale(1.1);transition:.3s}@media (max-width: 1200px){.contact{padding-top:150px;margin:0 20px}.contact-section{flex-direction:row;gap:10px}.contact-right input{width:calc(100% - 40px);margin:0 20px;height:40px;font-size:.9rem}.contact-right textarea{width:calc(100% - 70px);margin:0 20px;height:150px}.contact-left h1,.contact-title h1{font-size:1.5rem}.contact-left p{font-size:1rem}.contact-submit{width:80%;font-size:.8rem}}@media (max-width: 860px){.contact{margin:100px 20px}.contact-section{flex-direction:column;align-items:center;gap:20px}.contact-left,.contact-right{max-width:100%;margin:0}.contact-right input{height:35px}.contact-left h1,.contact-title h1{font-size:1.4rem}.contact-left p{font-size:.8rem}.contact-details{font-size:1rem}.contact-submit{font-size:.7rem}}@media (max-width: 550px){.contact{margin:150px 20px}.contact-section{flex-direction:column;align-items:center;gap:20px}.contact-left,.contact-right{max-width:100%;margin:0}.contact-right input{height:35px}.contact-left h1,.contact-title h1{font-size:1.4rem}.contact-left p{font-size:.8rem}.contact-details{font-size:1rem}.contact-submit{font-size:.7rem}}@media (max-width: 500px){.contact{margin:230px 0 0}.contact-section{flex-direction:column;align-items:center;gap:20px}.contact-left,.contact-right{max-width:100%;margin:0}.contact-right input{height:35px}.contact-left h1,.contact-title h1{font-size:1.4rem}.contact-left p{font-size:.8rem}.contact-details{font-size:1rem}.contact-submit{font-size:.7rem}}@media (max-width: 450px){.contact{margin:20px;padding-top:80px}.contact-title h1{font-size:1.5rem}.contact-left p{font-size:.8rem}}@media (max-width: 410px){.contact{margin-top:130px}.contact-title h1{font-size:1.5rem}.contact-left p{font-size:.8rem}}@media (max-width: 370px){.contact{margin-top:130px}}@media (max-width: 360px){.contact{margin-top:250px}}@media (max-width: 340px){.contact{margin-top:300px}}@media (max-width: 320px){.contact{margin-top:400px}}@media (max-width: 300px){.contact{margin-top:450px}}.footer{margin:50px 150px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:center}.footer-top-left{font-size:.8rem;font-weight:0}.footer-top-left img{width:150px;height:60px}.footer-bottom{display:flex;justify-content:space-between;font-size:.8rem}.footer-bottom-right{display:flex;gap:50px;margin-bottom:30px}.footer-botom-left span{background:linear-gradient(270deg,#8e2de2 10%,#00c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 900px){.footer{margin:20px}.footer-top-left{font-size:.5rem}.footer-bottom{flex-direction:column;justify-content:center;align-items:center}.footer-bottom p{font-size:.5rem}}@media (max-width: 450px){.footer{margin:20px}.footer-top-left{font-size:.5rem}.footer-bottom{flex-direction:column;justify-content:center;align-items:center}.footer-bottom p{font-size:.5rem}}