.App{background-color:#161410;min-height:600px;min-width:300px;overflow:hidden}.App,.containerHome{display:flex;flex-direction:column;height:100vh;width:100vw}.containerHome{align-items:center;justify-content:flex-start}.containerInformation{display:flex;flex-direction:column;width:90vw}.imageJuan{clip-path:inset(100% 0 0 0);display:flex;height:30vh;left:15vw;object-fit:contain;opacity:0;position:absolute;top:15vh;transition:clip-path .5s ease-in-out;width:auto}.containerPresentation{color:#e1dfba;display:flex;flex-direction:column;position:relative;width:90vw}.containerPresentation h1{cursor:pointer;filter:drop-shadow(0 0 1.2px #e1dfba);margin:0;padding:0}.name{font-family:secondfont;font-size:clamp(.8em,2.5vw,2em);letter-spacing:.8em;transform:translateY(1em);width:15%}.lastname,.name{color:#e1dfba;display:flex;flex-direction:row-reverse;opacity:0}.lastname{font-family:firstFont;font-size:clamp(1.8em,4vw,3.5em);letter-spacing:1em;width:45%}.textPresentation{align-self:flex-end;bottom:clamp(0,4vh,8em);clip-path:inset(0 0 100% 0);display:flex;font-size:clamp(1em,1.1vw,1.2em);-webkit-hyphens:manual;hyphens:manual;opacity:0;overflow-wrap:normal;position:absolute;right:30%;text-justify:inter-word;transition:clip-path 1s ease-in-out;width:20%;word-break:keep-all}.containerLine{align-self:center;display:flex;justify-self:center;width:90vw}.line{border:2px solid #e1dfba;display:flex;filter:drop-shadow(0 0 1.5px #e1dfba);opacity:0;width:0}@media (max-width:780px){.containerPresentation{bottom:8vh;height:45vh;justify-content:center;position:absolute}.textPresentation{letter-spacing:.2px;margin-bottom:clamp(2em,4vh,3em);margin-top:0;position:relative;right:0;text-align:justify;text-justify:inter-character;width:60%;word-spacing:0}.containerInformation{flex-direction:row}.imageJuan{height:26vh;left:5vw;margin-top:1vh;top:auto}.name{justify-content:start;width:40%}.lastname{flex-direction:row;width:80%}.line{border:1.5px solid #e1dfba}}@keyframes transformSkill{0%{color:#e1dfba;filter:drop-shadow(0 0 1px #e1dfba);letter-spacing:.06em}50%{color:#d1331e;filter:drop-shadow(0 0 2px #d1331e);letter-spacing:.2em}to{color:#e1dfba;filter:drop-shadow(0 0 1px #e1dfba);letter-spacing:.06em}}.conteinerSkills{display:flex;justify-content:space-between;justify-self:center;margin-top:1.5vh;width:90vw}.skill{color:#e1dfba;cursor:pointer;filter:drop-shadow(0 0 1px #e1dfba);font-family:secondFont;font-size:clamp(.9em,1.4vw,1.3em);font-weight:600;letter-spacing:.06em;margin-bottom:.3vh;margin-top:.4vh;opacity:0;transform:translateY(2vh);transition:all 1s ease-in-out}.arrow{animation:transformSkill 3s ease-in-out 4;animation-delay:4s;animation-direction:alternate}.subLineMenu{display:flex;flex-direction:row;text-decoration:none;transition:all 1s ease-in-out}.subLineMenu:hover .skill{color:#d1331e;filter:drop-shadow(0 0 2px #d1331e);letter-spacing:.2em}.containerOverlay{align-items:center;background-color:#00000080;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0}.containerModal{align-items:center;background-color:#161410;box-shadow:0 0 2px #161410;display:flex;flex-direction:column;transform:translateY(-100vh);width:60%}@media(max-width:800px){.containerModal{width:90%}}.toClose{align-items:center;cursor:pointer;display:flex;height:4.5vh;justify-content:flex-end;width:100%}.toClose h1{color:#e1dfba;font-family:secondFont;font-size:clamp(1em,1.5vw,2em);padding-right:.5em;text-shadow:0 0 2px #e1dfba;transition:.8s ease-in-out}.toClose h1:hover{color:#d1331e;text-shadow:0 0 2px #d1331e;transition:.8s ease-in-out}.containerChildren{height:100%;overflow:hidden;padding-bottom:1.5em;width:100%}.borderModal,.containerChildren{align-items:center;display:flex;flex-direction:column}.borderModal{border:3px solid #e1dfba;box-shadow:0 0 2px #e1dfba;height:95%;justify-content:center;margin:2%;width:95%}@media(max-width:800px){.borderModal{border:2px solid #e1dfba}}@keyframes changeColorLine{0%{background-color:#e1dfba;filter:drop-shadow(0 0 2px #e1dfba)}to{background-color:#d1331e;filter:drop-shadow(0 0 2px #d1331e)}}.conteinerDownload{align-items:center;display:flex;flex-direction:column;width:100%}.titleModalDownload{border-bottom:3px solid #e1dfba;color:#e1dfba;filter:drop-shadow(0 0 1px #e1dfba);font-family:firstFont;font-size:clamp(1.5em,3vw,3em);margin-top:0;padding-bottom:3vh;text-align:center;width:90%}.conteinerOptions{display:flex;flex-direction:column;margin-top:2%;width:80%}.conteinerOptions h2{color:#e1dfba;font-family:firstFont;font-size:clamp(1em,1.5vw,1.5em);letter-spacing:.08em;white-space:nowrap}.conteinerOptions a{border:none;filter:drop-shadow(0 0 1px #e1dfba);outline:none;text-decoration:none}.conteinerOptions .downloadLink{align-items:center;display:flex;justify-content:space-between;width:100%}.conteinerBottomLine{width:100%}.lineBottomOptions{background-color:#e1dfba;filter:drop-shadow(0 0 2px #e1dfba);height:2px;transition:all 2s ease-in-out;width:0}.conteinerOptions:hover .lineBottomOptions{animation:changeColorLine 2s;background-color:#d1331e;filter:drop-shadow(0 0 2px #d1331e);transition:all 2s ease-in-out;width:100%}.conteinerGradient{display:flex;justify-content:flex-end;min-width:100vw;overflow:hidden}.gradient{background-image:linear-gradient(90deg,#e1dfba 10%,#d1331e 80%);height:30vh;opacity:0;transform:translateX(-100%);width:100%}.buttonAbsolute{align-self:flex-end;clip-path:inset(0 0 100% 0);cursor:pointer;display:flex;filter:drop-shadow(0 0 1.2px #e1dfba);height:auto;margin-left:.3em;padding-bottom:.5em;transition:all 2s ease-in-out}@media (max-width:780px){.buttonAbsolute{margin-left:0;margin-right:.5em}}.containerReveal{flex-direction:row-reverse;position:fixed;top:0;z-index:2}.containerReveal,.intro{display:flex;height:100vh;width:100vw}.intro{align-items:center;flex-direction:column;justify-content:center;position:absolute}.textReveal{color:#d1331e;filter:drop-shadow(0 0 3px #d1331e);margin:0;opacity:0;padding:0}.welcome{font-size:20vw;text-align:center;white-space:nowrap}.portfolio,.welcome{font-family:secondFont}.portfolio{font-size:.7em}.block{background:#161410;width:5%}.block-1{right:95%}.block-2{right:90%}.block-3{right:85%}.block-4{right:80%}.block-5{right:75%}.block-6{right:70%}.block-7{right:65%}.block-8{right:60%}.block-9{right:55%}.block-10{right:50%}.block-11{right:45%}.block-12{right:40%}.block-13{right:35%}.block-14{right:30%}.block-15{right:25%}.block-16{right:20%}.block-17{right:15%}.block-18{right:10%}.block-19{right:5%}.block-20{right:0}.conteinerNav{align-items:flex-end;align-self:center;filter:drop-shadow(0 0 1px #e1dfba);font-family:secondFont;font-size:clamp(.7em,.8vw,.8em);height:8vh;justify-content:space-between;margin-bottom:4vh;width:90vw}.conteinerNav,.square{color:#e1dfba;display:flex}.square{align-items:center;border:2px solid #e1dfba;cursor:pointer;justify-content:center;padding:.5rem;transition:all .5s ease-in-out}.squarePortfolio{transform:translateX(-200%)}.squareContac{transform:translateX(200%)}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-7px)}to{transform:translatey(0)}}.conteinerContact{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:1em;width:100%}.lineBottom{align-self:center;background-color:#e1dfba;filter:drop-shadow(0 0 1.2px #e1dfba);height:clamp(1.5px,.2em,3px);margin-bottom:1em;margin-top:.5em;width:90%}.titleContact{color:#e1dfba;filter:drop-shadow(0 0 1.5px #e1dfba);font-family:firstFont;font-size:clamp(2.3em,3.5vw,3.5em);letter-spacing:.04em;margin:0;padding:0;text-align:center;width:90%}.conteinerIcons{grid-row-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr,1fr;justify-items:center;padding-bottom:1em;padding-top:1em;row-gap:1em;width:80%}.links{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;width:clamp(4em,12vw,6em)}.links,.links img{transition:all .5s ease-in-out}.links img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 0 1px #e1dfba);margin-left:1%;object-fit:cover;object-position:center;width:clamp(2.5em,5vw,4em)}.links:hover{transform:scale(1.1) translateY(-1.2px);transition:all .5s ease-in-out}.links h2{color:#e1dfba;font-family:secondFont;font-size:clamp(.7em,1vw,1.5em);text-shadow:0 0 2px #e1dfba}.conteinerProyects{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.titleScreenProyects{color:#e1dfba;filter:drop-shadow(0 0 1px #e1dfba);font-family:firstFont;font-size:clamp(2.3em,4vw,4em);letter-spacing:.02em;margin:0;opacity:0;text-align:center;transform:translateY(-35%)}.lineTitle{background-color:#e1dfba;height:3px;margin-top:1em;opacity:0;width:0}.proyectsList{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);padding-bottom:1.5em;padding-top:1.5em;width:65%}.cardProyect{background-image:linear-gradient(90deg,#d1331e 30%,#161410 80%);border:3px solid #d1331e;cursor:pointer;filter:drop-shadow(0 0 2px #d1331e);opacity:0;overflow:hidden;transform:translateY(50%);transition:all .5s ease-in-out;width:100%}.cardProyect:hover{transform:translateY(-5px);transition:all .5s ease-in-out}.titleCardProyect{background-image:linear-gradient(90deg,#161410 30%,#d1331e 80%);border-bottom:.08em solid #e1dfba;font-family:firstFont;font-size:clamp(1.8em,3vw,3em);letter-spacing:.02em;padding-bottom:.1em;padding-left:.2em;padding-top:.1em;width:100%}.subTitleCardProyect,.titleCardProyect{color:#e1dfba;margin:0;white-space:nowrap}.subTitleCardProyect{filter:drop-shadow(0 0 .8px #e1dfba);font-family:secondFont;font-size:clamp(.8em,1.2vw,2em);letter-spacing:.04em;padding-bottom:.3em;padding-right:.3em;padding-top:.3em;text-align:end;width:200%}@media(max-width:700px){.proyectsList{grid-template-columns:1fr;width:80%}.cardProyect{display:grid;grid-template-rows:1fr .6fr;height:12vh}.subTitleCardProyect,.titleCardProyect{align-items:center;display:flex}.subTitleCardProyect{justify-content:right}}.conteinerCard{height:90%;width:90%}.contentCardProyect{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto 1fr;height:100%;width:100%}.conteinerCardTitle{align-items:center;background-image:linear-gradient(90deg,#161410 30%,#d1331e 80%);border:2px solid #d1331e;display:flex;filter:drop-shadow(0 0 2px #d1331e);grid-column:1/3;width:100%}.cardTitle{color:#e1dfba;filter:drop-shadow(0 0 1px #e1dfba);font-family:firstFont;font-size:clamp(1.7em,3vw,3em);margin:0;padding-left:.2em;white-space:nowrap}.conteinerDecoration{grid-gap:.5em;display:grid;gap:.5em;grid-row:2/3;grid-template-rows:1fr .6fr;height:clamp(100px,15vh,25vh)}.squareDecoration{background-image:linear-gradient(90deg,#d1331e 30%,#161410 80%);border:2px solid #d1331e;filter:drop-shadow(0 0 1px #d1331e)}.descriptionText{display:flex;font-size:clamp(.8em,.9vw,1em);grid-column:2/3;grid-row:2/4;-webkit-hyphens:auto;hyphens:auto;margin:0;text-align:justify;text-justify:inter-word;transition:clip-path 1s ease-in-out;white-space:pre-line}.descriptionText,.toolsTitle{color:#e1dfba;filter:drop-shadow(0 0 .5px #e1fdba)}.toolsTitle{border-bottom:2px solid #e1dfba;font-family:firstFont;font-size:clamp(1em,1.5vw,1.5em);letter-spacing:.08em;padding-bottom:.3em}.buttonLink{align-items:center;border:2px solid #e1dfba;color:#fff1d9;display:flex;filter:drop-shadow(0 0 1px #e1dfba);font-family:secondFont;font-size:clamp(1em,1.3vw,3em);grid-column:2/3;-webkit-hyphens:none;hyphens:none;justify-content:center;outline:none;padding:.2em 0;text-decoration:none;transition:.5s}.buttonLink:hover{transform:translateY(-10%)}.conteinerTools{grid-gap:.5em 2em;display:grid;gap:.5em 2em;grid-template-columns:repeat(auto-fit,minmax(1vw,1fr));margin-top:3vh;width:80%}.iconText{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:clamp(1em,6.5vh,4.5em);margin-top:0;width:clamp(2em,4vw,3em)}.iconText img{height:clamp(.3em,3.5vh,2.5em);margin-bottom:1vh;object-fit:cover;object-position:center}.iconText h3{color:#e1dfba;display:flex;filter:drop-shadow(0 0 .5px #e1fdba);font-size:clamp(.8em,.5vw,1em);margin:0;opacity:0;padding:0;text-align:center;transition:clip-path 1s ease-in-out;transition:.5s;visibility:hidden;white-space:nowrap}.iconText:hover h3{opacity:1;transition:.5s;visibility:visible}.pageWorking,.textWorking{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.textWorking{padding-bottom:25vh;padding-top:10vh}.textWorking h1{color:#122824;font-size:4vw;margin:0;text-align:center}.textWorking img{width:15vw}.conteinerSubNav{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5vh;width:95%}@media(max-width:800px){.conteinerSubNav{margin-bottom:4%}}.conteinerPortfolio{border:4px solid #122824;border-radius:5px;display:flex}@media (max-width:800px){.conteinerPortfolio{border:2px solid #122824;padding-left:3%;padding-right:3%}}.conteinerPortfolio h1{color:#122824;font-family:secondFont;font-size:2vw;padding-left:2vw;padding-right:2vw;transition:.5s}.conteinerPortfolio h1:hover{transform:translateY(-10%);transition:.5s}.conteinerLinks{display:flex;flex-direction:row;justify-content:flex-start}.conteinerLinks .linksNav{border-bottom:4px solid #122824;color:#122824;display:flex;font-size:3vw;margin-left:3vw;margin-right:3vw;padding-bottom:1vh;padding-left:1vw;padding-right:1vw;text-decoration:none;transition:.5s;width:100%}.conteinerLinks .linksNav:hover{border-bottom:4px solid #ff5613;transform:translateY(-10%);transition:.5s}@media(max-width:800px){.conteinerLinks .linksNav{border-bottom:2px solid #122824;padding-bottom:.5vh}}.containerLenguajes{align-self:center;bottom:1vh;display:flex;flex-wrap:nowrap;font-family:secondFont;justify-content:space-around;opacity:0;position:absolute;width:clamp(10em,12vw,15em)}.containerLenguajes h1{color:#e1dfba;cursor:pointer;filter:drop-shadow(0 0 1px #e1dfba);font-size:clamp(.6em,.8vw,1em);transition:1s ease-in-out;white-space:nowrap}body{margin:0;padding:0};
/*# sourceMappingURL=main.530c8b22.css.map*/