*{box-sizing:border-box;margin:0;contain:content;font-family:Sarpanch,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#002c0b;border-radius:4px}::-webkit-scrollbar-track{background-color:#383838}.menu{display:grid;height:33vh;width:3.7vw;padding:1%;justify-content:center;align-self:center}.icon{font-size:2em;color:#fff}.section{display:grid;position:sticky;top:0;grid-template-columns:auto auto auto;width:99.3vw;height:100vh;align-content:center;background:url(/assets/hero-69h-sNdm.jpg);background-position:center;background-size:cover;contain:content}.inno{height:100%;width:30vw;margin-top:55vh;margin-left:40%}.rigth{display:grid;text-align:right;align-self:center}.rigth h2{font-size:3em}.rigth h1{font-size:8em}.rigth .arrow{margin-top:5%;background:#8c8c8c62;justify-self:right}.rigth ul img{margin-left:5%}@media (width < 600px){.section{grid-template-columns:auto;text-align:center}.rigth{gap:2em;margin-right:5%;text-align:center}.rigth .name{justify-self:center;font-size:1.5em}.rigth .roles{font-size:4em}.ul{justify-self:center;padding:0;margin-right:7%}}@media (width < 1080px){.section{grid-template-columns:auto;grid-template-rows:auto auto auto;padding:none}.inno{display:none}.rigth{width:100%;grid-row:2;padding-left:13%}.rigth h2{font-size:3em;justify-self:right}.rigth h1{font-size:6em}.rigth .arrow{margin-top:5%;margin-right:9%;background:#8c8c8c62;justify-self:right}.ul{display:flex;gap:1em;justify-self:right}.ul a img{width:6em;height:5em}.menu{display:none}}.Skills{height:auto;display:grid;justify-items:right;grid-template-rows:auto auto;gap:3em;background:#171717}.title{grid-row:1}.cont{grid-row:2;display:grid;grid-template-columns:minmax(100px,1.3fr) 1fr 1fr 1fr;grid-template-rows:auto 1fr;color:#fff;font-family:Blinker,sans-serif}.cont{padding-left:2%;padding-right:2%}.cont *{padding:1%}.cont h3{font-size:4vw;grid-column:1/2;color:#fff}.info{grid-column:1/ 2;grid-row:1 / span 3}.info .txt{contain:content;margin-bottom:8%;border:1px solid white}.info img{width:100%;height:100%}.txt{width:25vw;height:50vh}.info .contact{width:25vw;height:13vh;border:1px solid rgb(255,255,255)}.contact button{width:100%;height:100%;background:none}.sks{grid-column:4}.dos{grid-row:auto auto;display:grid;width:100%;grid-template-columns:repeat(4,.1fr);gap:1em}.cuadro{background:#000;align-self:center;justify-self:center;border:1px solid white}.cuadro img{width:3.5em;height:3em}.about{display:grid;grid-template-columns:minmax(100px,1fr) 4fr;align-items:center;grid-column:2 / span 4;gap:1em}.about h1{font-size:6em}.about h2{color:#232323;background:#80808061;font-size:3em}.project{width:95%;grid-column:2/4;grid-row:2/3;contain:content}.project .softGrid{display:grid;grid-template-columns:repeat(3,auto);gap:.5em}.project ul{border-radius:10px}.project ul li img{border-radius:5px;width:3.5em;height:3.5em}.project li{display:flex;gap:1em;background:#80808061}.about ul{display:grid;grid-template-columns:repeat(3,auto)}.about ul li{border:none;width:100%;background:none;padding:3%;justify-content:center;align-items:center}.about .second{border:1px solid white}@media (width < 900px){.Skills{height:100%}.cont{grid-template-columns:minmax(100px,1fr) 1fr}.info{grid-column:1;grid-row:1/3}.project{grid-column:1/ span 3;grid-row:3 / span 4}.about,.project{grid-column:2;grid-row:auto}.cont div{padding-bottom:10%}}@media (max-width: 780px){.Skills{width:100%;height:100%;gap:0}.title img{width:100%}.cont{width:100%;grid-template-columns:1fr;grid-template-rows:auto auto}.info{width:95vw;grid-column:1;grid-row:1;border-radius:2%}.info .img{width:50%}.info .contact{width:100%;border:1px solid rgb(255,255,255)}.info .txt{width:100%;border:2px solid white}.contact button{height:180%;background:none}.project{width:95vw}.project h2{font-size:3em}.project .softGrid{gap:.3em;width:100%;font-size:2em;grid-template-columns:repeat(2,auto)}.softGrid ul li{gap:.1em;padding:2%;border-radius:5px;width:5em;height:1.9em;font-size:1em}.softGrid ul li h4{font-size:.5em}.softGrid ul li img{border-radius:5px;width:1.7em;height:1.7em}.softGrid li{gap:.5em}.sks{grid-row:4;grid-column:1;width:100%;grid-template-columns:repeat(4,1fr);grid-row:auto auto;padding:3%}.sks .uno h2{font-size:3em}.cuadro{background:#000;align-self:center;justify-self:center}.cuadro img{width:4em;height:4em}.uno h2{font-size:4em}.dos{width:100%}.about{display:grid;grid-template-rows:auto auto;grid-row:3;grid-column:1;padding-right:10%;width:100%}.about .one{width:90vw;grid-row:1;display:flex}.one h1{font-size:6em}.one h2{font-size:4em;width:70%}.about .second{width:92vw;grid-row:2}.about .second ul{grid-template-columns:1fr 1fr;justify-content:center;padding-right:10%}.second p{font-size:1.5em}.about .one ul li{font-size:1em}.project{grid-row:2;grid-column:1}}.proyectos{width:99.3vw;padding-top:3%;padding-bottom:2%;contain:content;background:#171717}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));gap:1%;padding:1%}.card{display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:55rem;height:50vh;background-size:cover;padding:3%}@media (max-width: 1000px){.cards{grid-template-columns:repeat(auto-fit,minmax(35rem,1fr))}.card{height:45vh;max-width:none}}@media (max-width: 700px){.cards{border:2px solid white;grid-template-columns:1fr}.card{height:37vh;max-width:none}}.contacto{display:grid;grid-template-columns:auto auto auto;width:99.3vw;height:100vh;align-content:center;background-image:linear-gradient(#171717c0,#0000005f),url(/assets/nn-Wk87nrsr.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;contain:content}.center{display:grid;text-align:left;justify-content:space-between;align-self:center}.center .icon{cursor:pointer}.center ul img{height:2.5em}.center ul li{display:grid;grid-template-columns:auto auto auto;gap:1em;font-size:1.2em}.copy-message{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:8px;border-radius:4px;opacity:0;transition:opacity .2s ease-in-out}.center:hover .copy-message{opacity:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}