body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background-color:#27272a;margin:0;padding:0}:root{--titles-font:"RockoUltraFLF",sans-serif;--text-font:"RockoFLF",sans-serif}::-webkit-scrollbar{background-color:initial;height:1px;width:1px}.portfolioDiv{height:100vh;overflow:auto;position:relative;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.bodyHome{background-color:#27272a}.bodyAboutMe,.bodyHome{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;scroll-snap-align:center}.bodyAboutMe{padding-top:67px}.bodyProjects{align-items:flex-end;display:flex;flex-wrap:wrap;height:100vh;scroll-snap-align:center;width:100%}.bodyProjects h1{border-bottom:3px solid #fff;color:#fff;font-family:RockoUltraFLF,sans-serif;font-family:var(--titles-font);font-size:3rem;margin:90px auto 18px}.bodyContactme{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:flex-end;scroll-snap-align:center}footer{margin-top:65px;width:100%}footer .foot{align-items:center;color:#fff;display:flex;height:50px;justify-content:center;margin-bottom:50px;width:100%}@media screen and (max-width:500px){.bodyProjects h1{font-size:2rem}.bodyContactme{margin-top:50px}.bodyProjects{align-items:flex-start}}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#f0f8ff;height:80px;position:fixed;top:0;width:100%;z-index:5}.HeaderContainer{height:100%}.HeaderContainer,.HeaderLinks{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.HeaderLinks{gap:20px}.HeaderLinks a:hover{color:#0f0;cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.HeaderLinks a:hover:after{background-color:#0f0;bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}a{color:#f0f8ff;font-size:20px;text-decoration:none}.toggleLanguageButton{background-color:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .3s ease}.toggleLanguageButton:hover{background-color:#0c0}@media screen and (max-width:768px){.HeaderLinks{display:none}.HeaderMenu{align-items:center;display:flex}.MenuIcon{cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;width:30px}.Bar{background-color:#fff;height:4px;width:100%}.MenuOpen .Bar:nth-child(2){opacity:0}.MenuOpen .Bar:first-child{-webkit-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.MenuOpen .Bar:last-child{-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}.MenuOpen .HeaderLinks{background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;left:0;padding:19px;position:absolute;text-align:center;top:80px;width:100%;z-index:10}.MenuOpen .HeaderLinks a{background-color:transparent;font-size:1.5rem;padding:10px 0}}.homePortfolio{align-items:center;color:#fff;display:flex;flex-direction:column;width:100%}.homePortfolio h1{font-size:50px}.homePortfolio h1,.homePortfolio h2{font-family:var(--titles-font);margin-bottom:10px;text-align:left}.homePortfolio h2{font-size:40px}.iconsHome{display:flex;font-family:var(--text-font);gap:50px;justify-content:flex-start;margin-top:50px}.DownloadCv{background-color:#fffaf0;border-radius:.375rem;color:#000;font-size:.875rem;font-weight:500;margin-bottom:.5rem;outline:none;padding:1rem 1.25rem;text-align:center;text-decoration:none;transition:background-color .2s,color .2s}.DownloadCv:hover{background-color:#0f0;color:#000;cursor:pointer}.down{align-items:center;display:flex;justify-content:center}.down p{-webkit-animation:move 2s infinite;animation:move 2s infinite;background-color:initial;font-size:40px;position:absolute;top:91vh}@-webkit-keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(20px);transform:translateY(20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}a{cursor:auto}span,svg:hover{color:#0f0}svg:hover{cursor:pointer}@media screen and (max-width:768px){.homePortfolio h1,.homePortfolio h2{font-size:1.3rem}.iconsHome{align-items:center;flex-direction:column;gap:10px}.DownloadCv{margin-top:1rem}.down p{font-size:1.5rem;top:85vh}}.AboutMeContainer{color:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:0 1rem}.AboutMeTitle{border-bottom:2px solid #fff;font-family:var(--text-font);font-size:1.5rem;margin-bottom:1rem;width:-webkit-max-content;width:max-content}.AboutMeContent{margin-top:1rem}.AboutMeText{font-family:Whitney,sans-serif;font-size:1.8rem;margin-bottom:1rem}.frase{color:#0f0}.Technologies{display:flex;flex-direction:column;margin-top:1rem}.TechnologiesTitle{border-bottom:2px solid #fff;font-family:var(--text-font);font-size:1.2rem;margin-bottom:2rem;width:-webkit-max-content;width:max-content}.TechnologiesContent{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.techIcon{cursor:auto;font-size:1rem;margin:1rem;text-align:center}.frase{font-size:2rem}.techIcon svg{cursor:auto}.techIcon:hover{cursor:auto;-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:600px){.AboutMeTitle{font-size:1rem;margin-bottom:0}.AboutMeText{font-size:1.4rem;margin-bottom:0}.AboutMeTitle h1,.TechnologiesTitle h1{font-size:1.8rem}.frase{font-size:1.1rem}.techIcon{font-size:.8rem;margin:1rem}.techIcon svg{cursor:auto;height:30px;width:30px}}@media screen and (max-width:400px){.AboutMeContainer{padding:.5rem}.AboutMeTitle{font-size:1rem;margin-bottom:0}.AboutMeText{font-size:1.1rem;margin-bottom:0}.AboutMeTitle h1,.TechnologiesTitle h1{font-size:1.5rem}.frase{font-size:1.1rem}.techIcon{font-size:.8rem;margin:.5rem}.techIcon svg{cursor:auto;height:30px;width:30px}}.projectsPortfolio{display:flex;flex-wrap:wrap}.cajas{display:flex;flex-grow:100}.project1{background-image:url(https://res.cloudinary.com/dlptgj4ib/image/upload/f_auto,q_auto/v1/portfolio/Memorama)}.project1,.project2{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;position:relative;width:100%}.project2{background-image:url(https://res.cloudinary.com/dlptgj4ib/image/upload/f_auto,q_auto/v1/portfolio/Pesebre)}.project3{background-image:url(https://res.cloudinary.com/dlptgj4ib/image/upload/f_auto,q_auto/v1/portfolio/Hexadecimal)}.project3,.project4{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;position:relative;width:100%}.project4{background-image:url(https://res.cloudinary.com/dlptgj4ib/image/upload/f_auto,q_auto/v1/portfolio/ConsumiendoApi)}.project5{background-image:url(https://res.cloudinary.com/dlptgj4ib/image/upload/f_auto,q_auto/v1/portfolio/AngularStore)}.project5,.project6{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;position:relative;width:100%}.project6{background-image:url(https://res.cloudinary.com/dlptgj4ib/image/upload/f_auto,q_auto/v1/portfolio/ReactStore)}.encima{background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;height:93%;justify-content:center;opacity:0;padding:10px;transition:opacity .5s ease;width:100%}.text{background-color:transparent;padding:30px}.text h3{font-family:var(--titles-font);font-size:2rem}.text h3,.text p{background-color:transparent;color:#fff}.text p{font-family:var(--text-font);font-size:1.5rem}.encima:hover{background-color:rgba(0,0,0,.5);opacity:1}.technologies{align-items:center;background-color:transparent;display:flex;flex-direction:row;height:20%;justify-content:space-between;padding:10px;width:90%}.iconTech,.iconsTech{align-items:center;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between;margin:10px;width:100px}.iconTech svg{background-color:transparent;cursor:auto;height:34px;width:34px}.database:hover svg{fill:none;stroke:#000}.link{background-color:rgba(60,57,57,.67);border-radius:100px;height:60px;width:60px}.link,.link a{align-items:center;display:flex;flex-direction:row;justify-content:center}.link a{height:100%;width:100%}.link a,.link svg{background-color:transparent;cursor:pointer}.link svg{fill:#c9c9c9}.link:hover svg{fill:#2e2d2d;transition:.2s ease-in-out}@media screen and (max-width:1400px){.encima{height:100%;padding:0}.text h3{font-size:1.5rem}.text p{font-size:1rem}.technologies{height:auto;padding:5px}.iconTech,.iconsTech{width:auto}.iconTech svg{height:24px;width:24px}.link{height:40px;width:40px}.link svg{height:20px;width:20px}}@media screen and (max-width:700px){.text h3{font-size:1rem}.text p{font-size:.5rem}.technologies{display:block}}@media screen and (max-width:590px){.projectsPortfolio{display:grid;grid-template-columns:1fr 1fr}.cajas{width:100%}}@media screen and (max-width:500px){.projectsPortfolio{display:grid;grid-template-columns:1fr 1fr}.cajas{width:100%}.encima{padding:0}.text h3{font-size:1rem}.text p{font-size:.5rem}.technologies{display:block;padding:3px}.iconTech,.iconsTech{margin:5px}.iconTech svg{height:12px;width:12px}.link{height:30px;width:30px}.link svg{height:15px;width:15px}}.contactDiv{align-items:center;display:flex;flex-direction:column;justify-content:center;width:35%}.contactTitle{margin-bottom:30px;width:100%}.contactTitle h1{border-bottom:2px solid #fff;color:#fff;font-family:var(--text-font);font-size:1.5rem;text-align:left;width:25%}.formContact,.fullname{display:flex;flex-direction:column;width:100%}.fullname{color:#fff;font-family:var(--text-font);font-size:.9rem;height:50px;justify-content:flex-start;margin-bottom:40px}.fullname label{margin-bottom:10px;width:-webkit-max-content;width:max-content}.fullname input{border:1px solid #fff;border-radius:5px;color:hsla(0,0%,100%,.82);font-family:var(--text-font);font-size:.9rem;padding:10px;width:30%}.fullname input:focus{border:none;box-shadow:1px 1px 5px rgba(0,255,0,.7);outline-color:#0f0;outline-style:solid;outline-width:2px}.email{color:#fff;display:flex;flex-direction:column;font-family:var(--text-font);font-size:.9rem;height:50px;justify-content:flex-start;margin-bottom:40px;width:100%}.email label{margin-bottom:10px;width:-webkit-max-content;width:max-content}.email input{border:1px solid #fff;border-radius:5px;color:hsla(0,0%,100%,.82);font-family:var(--text-font);font-size:.9rem;padding:10px;width:45%}.email input:focus{border:none;box-shadow:1px 1px 5px rgba(0,255,0,.7);outline-color:#0f0;outline-style:solid;outline-width:2px}.subject{color:#fff;display:flex;flex-direction:column;font-family:var(--text-font);font-size:.9rem;height:50px;justify-content:flex-start;margin-bottom:40px;width:100%}.subject label{margin-bottom:10px;width:-webkit-max-content;width:max-content}.subject input{border:1px solid #fff;border-radius:5px;color:hsla(0,0%,100%,.82);font-family:var(--text-font);font-size:.9rem;padding:10px;width:70%}.subject input:focus{border:none;box-shadow:1px 1px 5px rgba(0,255,0,.7);outline-color:#0f0;outline-style:solid;outline-width:2px}.message{color:#fff;display:flex;flex-direction:column;font-family:var(--text-font);font-size:.9rem;height:150px;justify-content:flex-start;margin-bottom:20px;width:100%}.message label{margin-bottom:10px;width:-webkit-max-content;width:max-content}.message textarea{border:1px solid #fff;border-radius:5px;color:hsla(0,0%,100%,.82);font-family:var(--text-font);font-size:.9rem;height:450px;max-width:450px;padding:10px;width:100%}.message textarea:focus{border:none;box-shadow:1px 1px 5px rgba(0,255,0,.7);outline-color:#0f0;outline-style:solid;outline-width:2px}.submit{color:#fff;font-family:var(--text-font);font-size:.9rem}.submit button{background-color:initial;border:1px solid #fff;border-radius:50px;color:hsla(0,0%,100%,.82);cursor:pointer;padding:10px}.submit button:hover{background-color:hsla(0,0%,100%,.82);color:#000;transition:.5s}@media screen and (max-width:768px){.contactDiv{width:95%}.contactTitle h1{font-size:1.2rem}.formGroup input,.formGroup textarea,.submit button{font-size:.8rem}.submit button{padding:8px 15px}}@media screen and (max-width:500px){.formGroup label{font-size:.8rem}.contactTitle,.formContact{margin-left:20px}.submit button{font-size:.7rem;padding:6px 12px}.message textarea{height:450px;max-width:85vw;width:100%}}
/*# sourceMappingURL=main.8760b4b6.css.map*/