@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Anton&family=Caveat&family=Fredoka+One&family=Gelasio:wght@500&family=League+Spartan:wght@500&family=Nunito:ital,wght@0,200;1,400&family=Poppins:wght@500&family=Roboto:wght@500&family=Saira+Condensed&display=swap);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#171717;overflow:hidden}#bodyId::-webkit-scrollbar{background-color:#171717;width:8px}#bodyId::-webkit-scrollbar-thumb{background:#505050;border:1px solid #181818;border-radius:7px}a,li{color:#fff;list-style:none;text-decoration:none}#header{position:fixed;width:100%;z-index:5}#header-image{margin-right:5vw;width:50px}.flex-list-container{align-items:center;display:flex;flex-direction:row;justify-content:space-around;padding-top:5px;transition:.5s;width:100%}ul{-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-name:desplazamiento-nav;animation-name:desplazamiento-nav;opacity:1;transition:.5s}.div-logo-principal:first-child{padding-right:40vw}.navbar{transition-duration:.5s}.navbar.scrollDown{background-color:#080808;opacity:1;padding:10px;transition:.5s}.dibujoSvg,.nav-link{opacity:.5}.dibujoSvg:hover,.nav-link:hover{cursor:pointer;opacity:1}.hvr-underline-from-center{padding:5px}@media(max-width:953px){.flex-list-container{align-items:center;flex-direction:row}.div-logo-principal:first-child{padding:0}ul.scrollDown{padding:10px}span{margin:0 5px}.tppFotoFlex{align-items:center;display:flex;flex-direction:column;margin:-80px 0 0;width:95%}.tppFlex{margin-bottom:20px}.descripcionText{font-size:1em}.box{display:flex}}#skills-section{background-color:#282828;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");flex-direction:column;height:100vh;justify-content:center;width:100%}#skills-section,.skills-logos{align-items:center;display:flex}.skills-logos{-webkit-animation:scale-in-ver-top 1s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-ver-top 1s cubic-bezier(.25,.46,.45,.94) both;border-radius:5px;box-shadow:1px 1px 10px #5a5a5a;flex-direction:row;flex-wrap:wrap;height:300px;justify-content:space-around;opacity:1;padding:50px;text-align:center;transition:.5s;width:90vw}.logo-img{max-width:90px}.skill-button-div{margin:10px}.skills-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:3vw;justify-content:center;margin-top:-205px;padding:85px;width:100%}.skills-container-title{font-size:3em;height:50px;line-height:100px;text-align:center}.skills-container-p,.skills-container-title{color:#fff;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}.skills-container-p{font-size:20px;margin-bottom:30px}.skill-button{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #282828;box-shadow:none;color:#000;cursor:pointer;padding:20px;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .2s;transition:.5s}.skill-button:hover{background:#ddb226;color:#fff}.invisible{display:none}@media(max-width:956px){#skills-section{align-items:center;background-color:#282828;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");display:flex;flex-direction:column;height:900px;justify-content:center}.skills-container-title{color:#fff;font-size:2.2em;height:0;margin:0;text-align:center;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}.skills-container-p{margin-top:5px;text-align:center;width:60%}.skills-logos{align-items:center;border-radius:5px;box-shadow:1px 1px 10px #5a5a5a;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:20px;text-align:center;width:80vw}.logo-img{max-width:90px}.skill-button-div{margin:10px}.skills-container{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:5vw;justify-content:center;padding:100px;width:100%}.skill-button{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #282828;box-shadow:none;color:#000;cursor:pointer;padding:20px;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .2s;transition:.5s}.skill-button:hover{background:#ddb226;color:#fff}.hvr-shutter-in-horizontal{background:#ddb226;box-shadow:0 0 1px transparent;box-shadow:5px 5px 0 0 #4e4e4e;display:inline-block;position:relative;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:color;vertical-align:middle}.hvr-shutter-in-horizontal:before{background:#e1e1e1;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease-out;z-index:-1}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}}.img{max-width:90px}h3{color:#fff;text-shadow:2px 4px 0 #0f0f0f}.background-logos{width:80%}.box .content img{background-color:#171717}.react-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2s;animation-delay:2s}.node-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2.4s;animation-delay:2.4s}.sqlyog-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2.8s;animation-delay:2.8s}.javascript-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:3.2s;animation-delay:3.2s}.html-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:3.6s;animation-delay:3.6s}.sass-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes saltarin{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.22);transform:scale(1.22)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes saltarin{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.22);transform:scale(1.22)}to{-webkit-transform:scale(1);transform:scale(1)}}@media(max-width:953px){.img{max-width:60px}h3{color:#fff;text-shadow:2px 4px 0 #0f0f0f}.background-logos{width:80%}.box{position:relative}.box .content{-webkit-animation:reveal 1s ease-in-out forwards;animation:reveal 1s ease-in-out forwards;height:400px;opacity:1;-webkit-transform-origin:left;transform-origin:left;width:356px}.box .content:before{animation:reveal 1s reverse forwards;-webkit-animation-delay:1s;animation-delay:1s;background:#ddb226;content:"";-webkit-transform-origin:right;transform-origin:right;z-index:1}.box .content img,.box .content:before{height:100%;left:0;position:absolute;top:0;width:100%}.box .content img{background-color:#171717;object-fit:cover}.box-1{position:relative}.box-1 .content-1{-webkit-animation:reveal 1s ease-in forwards;animation:reveal 1s ease-in forwards;height:auto;opacity:1;-webkit-transform-origin:left;transform-origin:left;width:100%}.box-1 .content-1:before{animation:reveal 1s reverse forwards;-webkit-animation-delay:1s;animation-delay:1s;background:#ddb226;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;width:100%;z-index:1}.box-1 .content-1 .profesionText{height:100%;left:0;object-fit:cover;top:0;width:100%}.react-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2s;animation-delay:2s}.javascript-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2.3s;animation-delay:2.3s}.css-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2.6s;animation-delay:2.6s}.html-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:2.9s;animation-delay:2.9s}.visualbasic-img{-webkit-animation:saltarin 2s;animation:saltarin 2s;-webkit-animation-delay:3.2s;animation-delay:3.2s}.img{margin:25px}@-webkit-keyframes reveal{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes reveal{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes saltarin{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes saltarin{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}}#welcome-section{align-items:center;background-color:#171717;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");display:flex;height:100vh;justify-content:center;width:100%}.texto-principal-profesion{overflow-x:hidden;overflow-y:hidden;text-align:center;-webkit-user-select:none;user-select:none}.frontend-text{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:desplazamiento-frontend;animation-name:desplazamiento-frontend}.developer-text,.frontend-text{-webkit-animation-duration:6s;animation-duration:6s}.developer-text{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:desplazamiento-developer;animation-name:desplazamiento-developer}.front-end-developer-text{color:#979797;font-family:Abril Fatface,sans-serif;font-size:15vw;transition:.5s;-webkit-user-select:none;user-select:none}.front-end-developer-text:hover{color:#fff;cursor:default;font-size:15vw;transition:1s}.texto-principal-presentacion{align-items:center;display:none;flex-direction:row;font-family:Poppins,sans-serif;height:500px;max-width:100%;text-align:center;transition:.5s}.w-link{text-decoration:underline;transition:.2s}.w-link:hover{color:rgba(96,229,182,.918);transition:.2s}.tppFlex{align-items:center;display:flex;flex-direction:column}.tppFotoFlex{display:flex;flex-direction:row;width:95%}.nombreText{-webkit-animation:blow-presentacion 1s;animation:blow-presentacion 1s;color:#d6d6d6;font-size:6vw;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000;transition:.5s}.profesionText{-webkit-animation:reveal ease-in-out forwards;animation:reveal ease-in-out forwards;color:#f3a600;font-size:2em;font-weight:100}.descripcionText{-webkit-animation:blow-presentacion 1s 1s both;animation:blow-presentacion 1s 1s both;color:#d6d6d6;font-size:1.3em;max-width:70%}.box{position:relative}.box .content{-webkit-animation:reveal 1s ease-in-out forwards;animation:reveal 1s ease-in-out forwards;border:1px solid #8d8d8d;height:400px;opacity:1;-webkit-transform-origin:left;transform-origin:left;width:356px}.box .content:before{animation:reveal 1s reverse forwards;-webkit-animation-delay:1s;animation-delay:1s;background:#ddb226;content:"";-webkit-transform-origin:right;transform-origin:right;z-index:1}.box .content img,.box .content:before{height:100%;left:0;position:absolute;top:0;width:100%}.box .content img{background-color:hsla(0,0%,9%,.467);object-fit:cover}.box-1{position:relative}.box-1 .content-1{-webkit-animation:reveal 1s ease-in forwards;animation:reveal 1s ease-in forwards;height:auto;opacity:1;-webkit-transform-origin:left;transform-origin:left;width:100%}.box-1 .content-1:before{animation:reveal 1s reverse forwards;-webkit-animation-delay:1s;animation-delay:1s;background:#ddb226;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform-origin:right;transform-origin:right;width:100%;z-index:1}.box-1 .content-1 .profesionText{height:100%;left:0;object-fit:cover;top:0;width:100%}.btn-cv{-webkit-animation:tirar-abajo 2s cubic-bezier(.19,1,.22,1) forwards;animation:tirar-abajo 2s cubic-bezier(.19,1,.22,1) forwards;-webkit-animation-delay:2s;animation-delay:2s;background-image:linear-gradient(45deg,#ff512f,#f09819 51%,#ff512f);background-size:200% auto;border:0;border-radius:10px;box-shadow:0 0 14px -7px #f09819;color:#fff;cursor:pointer;display:block;font-weight:700;opacity:0;padding:15px 30px;text-align:center;text-transform:uppercase;touch-action:manipulation;transition:.5s;user-select:none;-webkit-user-select:none}.btn-cv:hover{background-position:100%;color:#fff;text-decoration:none}.btn-cv:active{-webkit-transform:scale(.95);transform:scale(.95)}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg);transform:translate(1px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-1deg);transform:translate(-1px,-2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px) rotate(1deg);transform:translate(-3px) rotate(1deg)}30%{-webkit-transform:translate(3px,2px) rotate(0deg);transform:translate(3px,2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(3px,1px) rotate(-1deg);transform:translate(3px,1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(1deg);transform:translate(-1px,-1px) rotate(1deg)}90%{-webkit-transform:translate(1px,2px) rotate(0deg);transform:translate(1px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@-webkit-keyframes desplazamiento-nav{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes desplazamiento-nav{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes desplazamiento-frontend{0%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes desplazamiento-frontend{0%{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@-webkit-keyframes desplazamiento-developer{0%{-webkit-transform:translateX(2000px);transform:translateX(2000px)}25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes desplazamiento-developer{0%{-webkit-transform:translateX(2000px);transform:translateX(2000px)}25%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@-webkit-keyframes blow-presentacion{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}33%{opacity:.2}66%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes blow-presentacion{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}33%{opacity:.2}66%{-webkit-transform:scale(1.25);transform:scale(1.25)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes desplazar-hacia-derecha{0%{width:0}to{width:100%}}@keyframes desplazar-hacia-derecha{0%{width:0}to{width:100%}}@-webkit-keyframes reveal{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes reveal{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes tirar-abajo{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes tirar-abajo{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media(max-width:953px){#welcome-section{align-items:center;background-color:#171717;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");display:flex;height:900px;justify-content:center;width:100%}.texto-principal-profesion{overflow-x:hidden;overflow-y:hidden;text-align:center;-webkit-user-select:none;user-select:none}.frontend-text{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:desplazamiento-frontend;animation-name:desplazamiento-frontend}.developer-text,.frontend-text{-webkit-animation-duration:6s;animation-duration:6s}.developer-text{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:desplazamiento-developer;animation-name:desplazamiento-developer}.box .content{-webkit-animation:reveal 1s ease-in-out forwards;animation:reveal 1s ease-in-out forwards;height:300px;margin-top:30px;opacity:1;-webkit-transform-origin:left;transform-origin:left;width:300px}.front-end-developer-text{color:#979797;font-family:Abril Fatface,sans-serif;font-size:15vw;transition:.5s}.front-end-developer-text:hover{color:#fff;cursor:default;font-size:15vw;transition:1s}.texto-principal-presentacion{align-items:center;display:none;font-family:Poppins,sans-serif;height:500px;justify-content:center;max-width:100%;text-align:center;transition:.5s}.tppFlex,.tppFotoFlex{align-items:center;display:flex;flex-direction:column}.tppFotoFlex{justify-content:center;width:95%}.nombreText{-webkit-animation:blow-presentacion 1s;animation:blow-presentacion 1s;color:#d6d6d6;font-size:6vw;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000;transition:.5s}.profesionText{-webkit-animation:reveal ease-in-out forwards;animation:reveal ease-in-out forwards;color:rgba(255,196,0,.624);font-size:1.5em;font-weight:100}.descripcionText{-webkit-animation:blow-presentacion 1s 1s both;animation:blow-presentacion 1s 1s both;color:#d6d6d6;font-size:1em;max-width:70%;text-align:justify}}h1{color:#fff;font-size:3em;text-shadow:-1px 0 blac k,0 5px #000,1px 0 #000,0 -1px #000}#projects-section{align-items:center;background-color:#171717;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");height:100vh}#projects-section,.projects-container{display:flex;justify-content:center;width:100%}.projects-container{flex-wrap:wrap;margin:auto;max-width:1200px}.projectFlex{display:flex;flex-direction:row;margin-top:50px}.projects-container-title{color:#fff;font-size:7vw;font-weight:600;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}@media(max-width:953px){.projects-container-title{color:#fff;font-size:3em;font-weight:600;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}}.project-card{align-items:center;background:hsla(0,0%,9%,.659);border:1px solid #fff;border-radius:8px;box-shadow:0 2px 2px #b8b8b8;display:flex;flex-direction:column;flex-wrap:wrap;height:330px;margin:0 5px;overflow:hidden;padding:0;text-align:center;transition:.25s;width:330px}.project-card:hover{background-color:#ffae00;-webkit-filter:none;filter:none;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:.25s}.img-div{align-items:center;display:flex;justify-content:center;margin-bottom:10px;width:100%}.project-img{border-radius:5px;height:auto;object-fit:cover;width:100%}.project-title{color:#fff;font-size:1.5em}.description{border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media(max-width:953px){#projects-section{align-items:center;background-color:#171717;height:900px}#projects-section,.projects-container{display:flex;justify-content:center;width:100%}.projects-container{flex-direction:row}.projectFlex{display:flex;flex-direction:column;margin:0}.project-card,p{text-align:justify}.project-card{align-items:center;background-color:#b8972e;border:1px solid #fff;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;overflow:auto}.projects-container .project-card{border-radius:8px;box-shadow:0 2px 2px #b8b8b8;-webkit-filter:none;filter:none;height:130px;margin:20px 10px;overflow:hidden;position:relative;transition:all .25s;width:95%}.projects-container .project-card .description{background-color:hsla(0,0%,9%,.827);padding:50px;position:absolute;text-align:justify;width:100%}.project-title{color:#ffae00;font-size:1.5em}.project-card:hover{-webkit-filter:none;filter:none}}#contact-section{align-items:center;background-color:#282828;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");display:flex;flex-direction:column;height:100vh;justify-content:center;margin:auto;width:100%}.contact-title{color:#fff;font-size:5em}.form-div{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.form-title{margin-top:80px;text-align:center}.head-form{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:40%}.form-title-text{color:#fff;font-size:6vw;font-weight:600;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}.form-title-subtext{color:#fff;font-size:4vw;font-weight:300}.form{align-items:center;display:flex;flex-direction:column;height:200px}.input[name=message],.input[type=email],.input[type=text]{margin:5px 0;padding:20px;width:45vw}.input[name=message]{height:150px}.logo-div{display:flex;flex-direction:row;justify-content:space-evenly;margin:20px;width:300px}.form-logo{background-color:#fff;border:1px solid #fff;border-radius:100%;transition:.3s;width:50px}.form-logo:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.3s}.input{margin:5px 0;width:30vw}.submit-button{background-color:#fff;border:2px solid gray;box-shadow:7px 7px 0 0 rgba(0,0,0,.59);color:#000;padding:20px;width:45vw}button:hover{cursor:pointer}textarea{resize:none}.boton-modal{background:#bccbbb;border:1px solid gray;border-radius:14px;padding:5px;width:30%}.boton-modal:hover{background-color:#666f68;color:#fff}.scale-in-ver-center{-webkit-animation:scale-in-ver-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-ver-center .5s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-delay:0s;animation-delay:0s}.scale-in-ver-center-logos{-webkit-animation:scale-in-ver-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-ver-center .5s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-delay:1s;animation-delay:1s}.hvr-shutter-in-horizontal{background:#ddb226;box-shadow:0 0 1px transparent;box-shadow:5px 5px 0 0 #4e4e4e;display:inline-block;position:relative;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:color;vertical-align:middle}.hvr-shutter-in-horizontal:before{background:#e1e1e1;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;transform-origin:50%;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease-out;z-index:-1}.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover{color:#fff}.hvr-shutter-in-horizontal:active:before,.hvr-shutter-in-horizontal:focus:before,.hvr-shutter-in-horizontal:hover:before{-webkit-transform:scaleX(0);transform:scaleX(0)}.hvr-underline-from-center{box-shadow:0 0 1px transparent;display:inline-block;overflow:hidden;position:relative;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);vertical-align:middle}.hvr-underline-from-center:before{background:#e1e1e1;bottom:0;content:"";height:2px;left:51%;position:absolute;right:51%;transition-duration:.3s;transition-property:left,right;transition-timing-function:ease-out;z-index:-1}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.hvr-rectangle-out{background:#e1e1e1;box-shadow:0 0 1px transparent;display:inline-block;position:relative;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);transition-duration:.3s;transition-property:color;vertical-align:middle}.hvr-rectangle-out:before{background:#2098d1;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:scale(0);transform:scale(0);transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:ease-out;z-index:-1}.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover{color:#fff}.hvr-rectangle-out:active:before,.hvr-rectangle-out:focus:before,.hvr-rectangle-out:hover:before{-webkit-transform:scale(1);transform:scale(1)}@media(max-width:953px){#contact-section{align-items:center;background-color:#282828;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z' fill='%23979797' fill-opacity='.02'/%3E%3C/svg%3E");display:flex;flex-direction:column;height:800px;justify-content:center;margin:auto;width:100%}.contact-title{color:#fff;font-size:3em}.form-div{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0}.form-title{margin-top:60px;text-align:center}.head-form{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center;width:40%}.form-title-text{color:#fff;font-size:3em;font-weight:600;text-shadow:-1px 0 #000,0 5px #000,1px 0 #000,0 -1px #000}.form-title-subtext{color:#fff;font-size:4vw;font-weight:300}.form{align-items:center;display:flex;flex-direction:column;height:200px}.input[name=message],.input[type=email],.input[type=text]{margin:5px 0;padding:20px;width:70vw}.input[name=message]{height:150px}.logo-div{display:flex;flex-direction:row;justify-content:space-evenly;margin:20px;width:300px}.form-logo{background-color:#fff;border-radius:100%;transition:.3s;width:50px}.form-logo:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.3s}.input{margin:5px 0;width:30vw}.submit-button{background-color:#ddb226;border:1px solid gray;box-shadow:7px 7px 0 0 rgba(0,0,0,.59);color:#000;padding:20px;width:70vw}button:hover{cursor:pointer}textarea{resize:none}}
/*# sourceMappingURL=main.58fe14fb.css.map*/