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}.container-intro{background-Color:#282c34;z-Index:1000;align-items:center;display:flex;height:100lvh;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.container-logo{display:flex;flex-direction:row}.subcontainer-logo{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;margin-left:1rem}.logoG{width:6rem}.logoDivisor,.logoG{height:6rem}.logoGtorres{height:4rem}.logoDeveloper,.logoGtorres{width:20.6rem}.loading{padding:1rem}.display-logoG{animation:curtain-logo1 1s forwards;animation-delay:2.5s;height:6rem;overflow:hidden;width:0}.display-logoDivisor{animation:intermittent .8s 2;animation-delay:.4s;min-width:.2rem;overflow:hidden;width:.2rem}.display-logoGtorres{animation:curtain-logo2 1.3s forwards;animation-delay:3.7s;height:4rem;overflow:hidden;width:0}.display-logoDeveloper{animation:curtain-logo2 1s forwards;animation-delay:5.3s;overflow:hidden;width:0}.display-loading{animation:loading .1s forwards;animation-delay:6.8s;opacity:0;overflow:hidden;text-align:center;width:auto}.out-intro1{animation:out-logo1 2s forwards;animation-delay:1.5s}.out-intro2{animation:out-logo2 1s forwards;animation-delay:0s;overflow:hidden}.out-intro3{background-color:#282c3400;transition:background-color 2s ease;transition-delay:1.5s}.out-loading{animation:out-loading 0s forwards;animation-delay:0s}@keyframes intermittent{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes curtain-logo1{to{width:7rem}}@keyframes curtain-logo2{to{width:20.6rem}}@keyframes loading{0%{opacity:0}to{opacity:1}}@keyframes out-logo1{0%{opacity:1;position:relative;right:0;top:0;transform:translate(0)}to{opacity:0;position:relative;right:50vw;scale:50%;top:-50vh;transform:translate(50%,50%)}}@keyframes out-logo2{0%{width:20.6rem}to{width:0}}@keyframes out-loading{0%{opacity:1}to{opacity:0}}@media (max-device-width:767px){.subcontainer-logo{gap:.1rem}.logoG{width:3rem}.logoDivisor,.logoG{height:3rem}.logoGtorres{height:2rem;width:10.3rem}.logoDeveloper{height:.55rem;width:10.3rem}.display-logoDeveloper,.display-logoGtorres{height:2rem}@keyframes curtain-logo1{to{width:4rem}}@keyframes curtain-logo2{to{width:10.3rem}}@keyframes out-logo2{0%{width:10.3rem}to{width:0}}}.bar-container{background-color:#282c34;display:flex;gap:1rem;margin:auto auto 0;padding:1rem 1rem 0;z-index:1}.position-fixed{margin-top:0;width:100%}.logo{height:4rem;min-height:4rem;min-width:4rem;width:4rem}.bar-menu{align-items:center;display:flex;justify-content:center;margin:auto;white-space:nowrap}.button-menu{background-color:#282c34aa;border:2px solid #4ec3e0;border-radius:.5rem;display:flex;height:3rem;margin:.5rem .5rem .5rem auto;min-height:3rem;min-width:3rem;padding:.5rem;width:3rem}.icon-menu{height:2rem;max-height:100%;max-width:100%;width:2rem}.bar-button{color:#4ec3e0;cursor:pointer;font-size:large;letter-spacing:.2rem;padding:.8rem 1.2rem;position:relative;text-transform:uppercase;transition:all .5s cubic-bezier(.77,0,.175,1);-webkit-user-select:none;user-select:none}.bar-button:after,.bar-button:before{content:"";height:100%;position:absolute;top:0;transition:inherit;width:0;z-index:-1}.bar-button:before{border:1px solid #ff5c00;border-left:0;border-right:0;right:0}.bar-button:after{left:0}*,:after,:before{box-sizing:border-box}@media (max-device-width:767px){.bar-container{margin-top:0;width:100%}.bar-menu{display:none}.bar-menu.deployed{display:flex;flex-direction:column}.bar-button{padding-inline:0}}@media (min-device-width:768px) and (max-device-width:1023px){.bar-container{margin-top:0;width:100%}.bar-menu{display:none}.bar-menu.deployed{display:flex;flex-direction:column}}@media (min-device-width:1023px){.button-menu{display:none}.bar-button:hover{color:#282c34;transition-delay:.5s}.bar-button:hover:before{transition-delay:0s;width:100%}.bar-button:hover:after{background:#4ec3e0;transition-delay:.35s;width:100%}}.home-container{margin:auto}.home-content{align-items:center;display:flex;gap:2rem;justify-content:center;margin:2rem}.icon-container{display:flex;gap:1rem;margin-bottom:1rem;margin-top:1rem}.icon{height:3rem;width:3rem}.icon svg{fill:#4ec3e0;transition:transform .5s ease}.icon:hover svg{fill:#ff5c00;transform:translate(-3px,-3px)}.photo{border-radius:50%;padding:1rem}.sub-title,.title-home{margin:.1rem}.sub-title{font-weight:200}@media (max-device-width:767px){.home-content{flex-direction:column;padding-top:4rem}.title-container{width:17rem}.title-home{font-size:2rem}.sub-title{font-size:1.2rem}.photo{height:18rem;width:18rem}}@media (min-device-width:768px) and (max-device-width:1023px){.home-content{flex-direction:column;padding-top:4rem}.title-container{width:25rem}.title-home{font-size:3rem}.sub-title{font-size:1.5rem}.photo{height:23rem;width:23rem}}@media (min-device-width:1023px){.home-container{margin-top:0}.title-container{width:32rem}.title-home{font-size:4rem}.sub-title{font-size:1.5rem}.photo{height:23rem;width:23rem}}.skill-container,.skill-content{display:flex;margin:auto}.skill-content{align-items:center;flex-wrap:wrap;justify-content:center;width:100%}.skill-image{background-color:#f5f5f5;border-radius:.5rem;height:5rem;margin:2rem;padding:.2rem;width:5rem}@media (min-device-width:1023px){.skill-content{max-width:70rem;min-width:60rem}}.form-container{background:#282c34cc;border:2px solid #4ec3e0;border-radius:1rem;max-width:30rem;padding:2rem;width:100%}.form-container Form{color:#f5f5f5;display:flex;flex-direction:column;flex-wrap:wrap}.field{border-radius:.5rem;margin:.5rem 0 1.5rem;max-width:30rem;padding:.3rem}.field,label{font-size:large}label{text-align:left}.area{border-radius:.5rem;font-family:sans-serif;font-size:large;height:10rem;margin:.5rem 0;max-width:100%;padding:.3rem;resize:none}@media (max-device-width:767px){.form{max-width:none;width:100%}}.contact-container{margin:auto;padding-bottom:2rem;padding-top:2rem}.logo-contact-container{margin:auto;width:22rem}.logo-contact{height:100%;width:100%}.links-container{justify-content:center}.button,.links-container{align-items:center;display:flex}.button{background:#282c34;border:2px solid #4ec3e0;border-radius:1rem;color:#f5f5f5;cursor:pointer;justify-content:flex-start;margin:1rem;max-width:10rem;transition:box-shadow .3s ease;width:100%}.button svg{fill:#4ec3e0;height:2rem;margin:.5rem;width:auto}@media (min-device-width:1023px){.button:hover{box-shadow:0 0 10px 1px #4ec3e0}}.aboutMe-container{background-color:#282c34cc;box-shadow:0 0 10px 1px #282c34cc;display:flex;margin:auto;max-width:70rem;min-width:60rem}.foto{height:23rem;padding:1rem;width:23rem}.container-text{display:flex;flex-direction:column;padding:1rem}.text{font-size:1.3rem;letter-spacing:.1rem;text-align:justify}@media (max-device-width:767px){.aboutMe-container{flex-direction:column;min-width:0}.foto{display:flex;height:20rem;margin:auto;width:20rem}.text{font-size:1rem}}@media (min-device-width:768px) and (max-device-width:1023px){.aboutMe-container{flex-direction:column;min-width:0}.foto{display:flex;height:20rem;margin:auto;width:20rem}.text{font-size:1.2em}}.project-card{background-color:#282c34;display:flex;flex-direction:column;height:26rem;margin:.5rem;padding:.5rem;transition:transform .3s ease;width:20rem}.project-card,.project-card img{border:2px solid #4ec3e0;border-radius:1rem}.project-card img{height:10rem}.project-card h2{color:#4ec3e0;text-align:center}.project-card p{-webkit-line-clamp:8;-webkit-box-orient:vertical;display:block;display:-webkit-box;margin:.5rem;overflow:hidden;text-overflow:ellipsis}@media (min-device-width:1023px){.project-card:hover{box-shadow:0 0 10px 1px #4ec3e0;cursor:pointer;transform:translateY(-4px) translateX(-2px)}}.modal-container{background-Color:#00000088;z-Index:1000;display:flex;height:100vh;left:0;overflow:auto;padding:2rem;position:fixed;top:0;width:100vw}.modal-content{align-items:center;background-color:#282c34;border:2px solid #4ec3e0;border-radius:1rem;display:flex;flex-direction:column;margin:auto;min-width:45rem}.modal-body{display:flex;width:100%}.modal-description{margin:1rem 2rem}.modal-skill{min-width:13rem}.images-container{aspect-ratio:1/1;border:2px solid #4ec3e0;border-radius:1rem;display:flex;flex:1 1;margin-inline:2rem;max-height:25rem;max-width:45rem;overflow:hidden}.images-container img{height:100%;margin:auto;width:100%}@media (max-device-width:767px){.modal-content{min-width:10rem}.modal-body{flex-direction:column}}@media (min-device-width:1023px){.modal-content{width:60vw}.images-container{height:100%;min-height:15rem;min-width:15rem;width:100%}}.project-container{display:flex;margin:auto;padding-bottom:1rem;padding-top:1rem}.project-content{align-items:center;background-color:#282c34aa;box-shadow:0 0 10px 1px #282c34cc;display:flex;flex-wrap:wrap;justify-content:center;margin:auto}@media (min-device-width:1023px){.project-container{max-width:70rem;min-width:60rem}}.certificateCard-container{background-color:#282c34cc;border:2px solid #4ec3e0;border-radius:1rem;display:flex;gap:1rem;margin:.5rem;max-width:22rem;padding:.5rem;transition:transform .3s ease;width:100%}.imageCard{align-items:center;aspect-ratio:1/1;background-color:#f5f5f5;border-radius:.5rem;display:flex;height:100%;justify-content:center;max-height:6rem;max-width:6rem;padding:.5rem;width:100%}.textCard{color:#f5f5f5;display:flex;flex-direction:column;justify-content:space-between;letter-spacing:.1rem}@media (min-device-width:1024px){.certificateCard-container:hover{box-shadow:0 0 10px 1px #4ec3e0;cursor:pointer;transform:translateY(-4px) translateX(-2px)}}.certificates-container,.certificates-content{display:flex;margin:auto}.certificates-content{align-items:center;flex-wrap:wrap;justify-content:center}@media (min-device-width:1023px){.certificates-content{max-width:70rem;min-width:60rem}}#root,body,html{color:#f5f5f5;height:100%;width:100%}body{overflow:hidden}.background{height:100lvh;left:0;position:fixed;top:0;width:100%;z-index:-1}.app-container{display:flex;flex-direction:column;height:100%}button{background-color:#ff5c00;border:none;border-radius:.5rem;box-shadow:0 2px 4px #0003;color:#f5f5f5;cursor:pointer;font-size:large;font-weight:700;margin-left:auto;padding:15px 30px;transition:background-color .3s ease;width:10rem}button:hover{background-color:#4ec3e0}button:active{background-color:#282c34}
/*# sourceMappingURL=main.53d73e74.css.map*/