@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,200;1,200&family=Poppins:wght@100;300;400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}#root{min-height:100dvh}body{min-height:100dvh;background-color:#222;background:linear-gradient(135deg,#050017,#0a0a0a);color:#fff}h1,h2,h3,h4{text-wrap:balance;font-family:"Exo 2",sans-serif;font-style:italic}h1{font-size:50px}h2{font-size:35px;line-height:1}h3{font-size:30px}h4{font-size:18px}p,li{text-wrap:pretty;font-family:Poppins,sans-serif}ol,ul{list-style:none}a{text-decoration:none;color:inherit;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img,svg,video{display:block;height:auto;max-width:100%}@media(max-width:600px){h1{font-size:40px}h2{font-size:32px}h3{font-size:20px}h4,p{font-size:16px}}:root{--pink: rgb(255, 0, 221);--orange: rgb(255, 153, 0);--yellow: rgb(255, 238, 0);--dark-blue: rgb(0, 30, 255);--red: rgb(255, 0, 0);--light-blue: rgb(0, 229, 255);--purple: rgb(139, 0, 203);--green: rgb(0, 128, 11);--lime: rgb(119, 204, 0);--pink-rgba: rgba(255, 0, 221, .1);--orange-rgba: rgba(255, 153, 0, .1);--yellow-rgba: rgba(255, 238, 0, .1);--dark-blue-rgba: rgba(0, 30, 255, .1);--red-rgba: rgba(255, 0, 0, .1);--light-blue-rgba: rgba(0, 229, 255, .1);--purple-rgba: rgba(85, 0, 124, .1);--green-rgba: rgba(0, 128, 11, .1);--lime-rgba: rgba(119, 204, 0, .1);--color: rgb(255, 255, 255);--color-rgba: rgba(255, 255, 255, .5)}.neon-card{border:3px solid white;border-radius:12px;padding:1rem 2rem 1.5rem;background-color:transparent;box-shadow:0 0 20px var(--color),inset 0 0 20px var(--color);transition:all .2s ease}.neon-card h1,.neon-card h2,.neon-card h3{text-shadow:0 0 5px var(--color),0 0 7px var(--color)}.neon-card:hover{box-shadow:0 0 20px var(--color),inset 0 0 20px var(--color),0 0 5px var(--color),inset 0 0 5px var(--color);background-color:var(--color-rgba);transform:scale(1.01)}.neon-card.pink{--color: var(--pink);--color-rgba: var(--pink-rgba)}.neon-card.orange{--color: var(--orange);--color-rgba: var(--orange-rgba)}.neon-card.yellow{--color: var(--yellow);--color-rgba: var(--yellow-rgba)}.neon-card.dark-blue{--color: var(--dark-blue);--color-rgba: var(--dark-blue-rgba)}.neon-card.red{--color: var(--red);--color-rgba: var(--red-rgba)}.neon-card.light-blue{--color: var(--light-blue);--color-rgba: var(--light-blue-rgba)}.neon-card.purple{--color: var(--purple);--color-rgba: var(--purple-rgba)}.neon-card.green{--color: var(--green);--color-rgba: var(--green-rgba)}.neon-card.lime{--color: var(--lime);--color-rgba: var(--lime-rgba)}.neon-card h2{margin-bottom:.5rem}@media(max-width:600px){.neon-card{padding:.5rem 1rem .75rem}}.home{max-width:1000px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:4fr 2fr 2fr 1fr 1fr;gap:1rem}.home #about{grid-column:1 / span 3;grid-row:1 / span 3}.home #language{grid-column:4 / span 2;grid-row:1 / 1;display:flex;align-items:center;justify-content:center;padding:0}.home #project1{grid-column:3 / span 3;grid-row:5 / span 1}.home #project2{grid-column:2 / span 4;grid-row:4 / span 1}.home #project3{grid-column:1 / span 2;grid-row:5 / span 1}.home #projects{grid-column:1 / span 1;grid-row:4 / span 1;position:relative;overflow:hidden}.home #projects .projects-icon{width:60px;height:60px;opacity:.2;position:absolute;bottom:-10px;right:10px;transform:rotate(-15deg)}.home #projects .projects-icon.icon2{right:40px}.home #projects .projects-icon.icon3{right:70px}.home #blog{grid-column:1 / span 5;grid-row:6 / span 1}.home #blog a{display:block;margin-top:.5rem;text-decoration:none;padding:0 .5rem;z-index:10;position:relative}.home #blog a:hover{text-decoration:underline}.home #github,.home #mail,.home #linkedin,.home #phone{display:flex;align-items:center;justify-content:center;font-size:2rem;padding:.5rem;cursor:pointer}:is(.home #github,.home #mail,.home #linkedin,.home #phone) svg{filter:drop-shadow(0px 0px 2px var(--color))}.home #project1,.home #project2,.home #project3,.home #blog{position:relative;overflow:hidden}:is(.home #project1,.home #project2,.home #project3,.home #blog) .icon{position:absolute;bottom:-10px;right:-10px;height:80%;width:auto;opacity:.2;transform:rotate(-15deg);z-index:0}:is(.home #project1,.home #project2,.home #project3,.home #blog) .techs{display:flex;gap:.5rem;margin-top:.5rem}:is(.home #project1,.home #project2,.home #project3,.home #blog) .techs .tech{height:1.5rem;width:1.5rem}@media(max-width:600px){.home{grid-template-columns:repeat(4,1fr);gap:.8rem;padding:1rem}.home #about{grid-column:1 / span 4;grid-row:2 / span 2}.home #language{grid-column:4 / span 1;grid-row:1 / span 1;justify-content:end}.home #github{grid-column:1 / span 1;grid-row:4 / span 1}.home #mail{grid-column:2 / span 1;grid-row:4 / span 1}.home #linkedin{grid-column:3 / span 1;grid-row:4 / span 1}.home #phone{grid-column:4 / span 1;grid-row:4 / span 1}.home #project1{grid-column:2 / span 3;grid-row:8 / span 1}.home #project2{grid-column:2 / span 3;grid-row:6 / span 1}.home #project3{grid-column:1 / span 3;grid-row:7 / span 1}.home #projects{grid-column:1 / span 3;grid-row:5 / span 1}.home #blog{grid-column:1 / span 3;grid-row:9 / span 1}}.language-toggle{display:flex;align-items:center;background:transparent;border:none;cursor:pointer;color:inherit;font-family:inherit;border-radius:.5rem;transition:all .2s ease;font-size:1rem}.language-toggle svg{filter:drop-shadow(0px 0px 1px #fff);transition:filter .2s ease}.language-toggle svg:hover{filter:drop-shadow(0px 0px 3px #fff)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;text-decoration:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;border-radius:var(--border-radius-full, 8px);font-weight:600;line-height:1;white-space:nowrap;padding:.5rem 1rem}.btn--primary{background-color:#fff;color:#000}.btn--primary:hover{box-shadow:0 0 5px #fff,0 0 10px #fff}.btn--ghost{background:transparent;color:#fff;box-shadow:0 0 5px #fff,inset 0 0 5px #fff}.btn--ghost:hover{box-shadow:0 0 5px #fff,inset 0 0 5px #fff,0 0 10px #fff,inset 0 0 10px #fff}.timeline-item{width:calc(50% + 3px);padding:20px;position:relative}.timeline-item.pink{--color: var(--pink)}.timeline-item.green{--color: var(--green)}.timeline-item.yellow{--color: var(--yellow)}.timeline-item.light-blue{--color: var(--light-blue)}.timeline-item.dark-blue{--color: var(--dark-blue)}.timeline-item.orange{--color: var(--orange)}.timeline-item.red{--color: var(--red)}.timeline-item.purple{--color: var(--purple)}.timeline-item .marker{position:absolute;top:26px;width:6px;height:6px;border-radius:50%;background:#fff;border:1px solid var(--color);margin-top:18px;z-index:5;filter:drop-shadow(0 0 5px var(--color)) drop-shadow(0 0 10px var(--color)) drop-shadow(0 0 15px var(--color))}.timeline-item.timeline-block-right{float:right}.timeline-item.timeline-block-right .marker{margin-left:-20px}.timeline-item.timeline-block-left{float:left;direction:rtl}.timeline-item.timeline-block-left .marker{margin-right:-20px}.timeline-item .timeline-title{display:inline-block;text-shadow:0 0 5px var(--color),0 0 10px var(--color);border:2px solid #fff;padding:5px 20px;border-radius:5px;box-shadow:0 0 10px var(--color),inset 0 0 10px var(--color)}.timeline-item .company-ubication{margin-top:20px;border-bottom:1px solid #fff;font-size:1.1rem}.timeline-item .company-ubication span{font-weight:700}.timeline-item .job-description{color:#aaa;padding:10px 15px;display:flex;flex-direction:column;gap:6px}.timeline-item .date{border-top:1px solid #fff;font-size:1.1rem}@media screen and (max-width:600px){.timeline-item{width:100%;margin-bottom:30px}.timeline-item .marker{top:18px}.timeline-item.timeline-block-right{float:none}.timeline-item.timeline-block-right .marker{margin-left:-20px}.timeline-item.timeline-block-left{float:none;direction:ltr}.timeline-item.timeline-block-left .marker{margin-left:-20px}}.header{padding:20px;border-bottom:2px solid #fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 10px #fff}.header h1{margin:0;font-size:1.5rem;text-shadow:0 0 5px var(--pink),0 0 10px var(--pink)}.footer{width:100%;padding:20px;border-top:2px solid #fff;display:flex;justify-content:center;align-items:center;gap:1rem;box-shadow:0 0 10px #fff}.footer svg{filter:drop-shadow(0px 0px 0px #fff);transition:filter .2s ease}.footer svg:hover{filter:drop-shadow(0px 0px 3px #fff)}.layout{min-height:100dvh;display:flex;flex-direction:column}main{width:100%;max-width:1000px;margin:0 auto;padding:1rem;flex:1}.about-header{text-shadow:0 0 5px var(--pink),0 0 10px var(--pink);margin-bottom:1rem}.cv-button{display:flex;justify-content:right;margin-top:12px}.about-title{text-align:center;margin-bottom:20px;margin-top:40px;text-decoration:underline;text-shadow:0 0 5px var(--pink),0 0 10px var(--pink)}.social-media-container{width:90%;margin:0 auto 40px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.social-media-container .social-media{padding:4px;border-radius:8px;text-shadow:0 0 10px transparent;transition:all .2s}.social-media-container .social-media:hover{text-shadow:0 0 5px var(--pink),0 0 10px var(--pink);text-decoration:underline}.social-media-container .social-media a{display:flex;align-items:center;gap:8px;font-size:18px}.social-media-container .social-media a span{font-size:24px;filter:drop-shadow(0 0 5px var(--pink)) drop-shadow(0 0 10px var(--pink))}.timeline{width:100%;padding:20px 0;margin:0 auto;position:relative;overflow:hidden}.timeline:before{content:"";position:absolute;top:0;left:50%;margin-left:-1px;width:2px;height:100%;background:linear-gradient(transparent 0%,var(--pink) 30%,var(--pink) 60%,transparent 90%);z-index:1}@media screen and (max-width:600px){.timeline{padding-left:10px}.timeline:before{left:13px}.social-media-container{flex-direction:column;align-items:center;gap:8px}.social-media-container .social-media a{font-size:14px}.social-media-container .social-media a span{display:none}}:root{--color: #fff}.project-card{border:3px solid #eee;border-radius:10px;padding:1rem;width:23%;min-width:200px;max-width:350px;aspect-ratio:1/1;position:relative;transition:all .3s ease;overflow:hidden;box-shadow:0 0 10px var(--color),inset 0 0 10px var(--color),0 0 5px var(--color),inset 0 0 5px var(--color)}.project-card.pink{--color: var(--pink)}.project-card.orange{--color: var(--orange)}.project-card.green{--color: var(--green)}.project-card.light-blue{--color: var(--light-blue)}.project-card.dark-blue{--color: var(--dark-blue)}.project-card.purple{--color: var(--purple)}.project-card.yellow{--color: var(--yellow)}.project-card.red{--color: var(--red)}.project-card.lime{--color: var(--lime)}.project-card .project-logo{width:100%;height:100%;object-fit:contain;transition:all .5s ease;filter:drop-shadow(0 0 10px var(--color))}.project-card h3{position:absolute;top:-110px;left:10px;transition:all .3s ease}.project-card .project-techs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:end;position:absolute;bottom:-50px;right:10px;transition:all .3s ease}.project-card .project-techs .project-tech{width:24px;height:24px;object-fit:contain}.project-card:hover .project-logo{transform:scale(1.5);opacity:.2}.project-card:hover h3{top:10px}.project-card:hover .project-techs{bottom:10px}@media(max-width:600px){.project-card{min-width:150px}}.portfolio-title{text-shadow:0 0 5px var(--dark-blue),0 0 10px var(--dark-blue)}.buttons-container{margin:2rem auto;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.projects-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.backlink{display:flex;align-items:center;gap:10px;font-size:smaller;width:fit-content;padding:4px 12px;border-radius:var(--border-radius-full);border:1px solid var(--main);color:var(--dark-main);transition:all .3s ease;position:relative}.backlink:hover{background-color:var(--main);color:var(--dark-main);padding-left:25px}.backlink:hover span{transform:translate(-20px);opacity:1}.backlink span{display:flex;transition:all .3s ease;position:absolute;opacity:0}.project-detail.pink{--color: var(--pink)}.project-detail.green{--color: var(--green)}.project-detail.yellow{--color: var(--yellow)}.project-detail.light-blue{--color: var(--light-blue)}.project-detail.dark-blue{--color: var(--dark-blue)}.project-detail.orange{--color: var(--orange)}.project-detail.red{--color: var(--red)}.project-detail.purple{--color: var(--purple)}.project-detail.lime{--color: var(--lime)}.project-detail .project-detail__header{display:flex;gap:1rem;align-items:end;margin:1rem 0}.project-detail .project-detail__logo{width:72px;height:72px;object-fit:contain;border-radius:8px;padding:.5rem;filter:drop-shadow(0 0 5px var(--color)) drop-shadow(0 0 10px var(--color))}.project-detail .project-detail__title{text-shadow:0 0 5px var(--color),0 0 10px var(--color)}.project-detail .project-detail__screenshot{width:100%;border-radius:10px;margin:1rem 0;display:block;object-fit:cover;border:2px solid #fff;box-shadow:0 0 5px var(--color),0 0 10px var(--color)}.project-detail .project-detail__description{padding:1rem 2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:1rem;position:relative;z-index:10}.project-detail .project-detail__techs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;align-items:center}.project-detail .project-detail__tech{width:40px;height:40px;object-fit:contain;background:#ffffff08;border-radius:6px;padding:6px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000040}.project-detail .project-detail__actions{display:flex;gap:.6rem;margin-top:1rem;flex-wrap:wrap}.project-detail .project-detail .backlink{margin-bottom:1rem}@media(max-width:640px){.project-detail .project-detail__header{align-items:center;gap:.5rem}.project-detail .project-detail__logo{width:56px;height:56px}.project-detail .project-detail__title{font-size:1.25rem}.project-detail .project-detail__actions{flex-direction:column}.project-detail .project-detail__description{padding:1rem 2rem;width:100%;background-color:#000a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:1rem;margin-left:0;border-radius:1rem;position:relative;z-index:10}}