@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{margin:0;background:#272727;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff}strong{color:#91cb00}label{color:#91cb00;font-weight:700;margin-bottom:5px}hr{border-color:#91cb00}input{width:300px;height:30px;padding:0 10px;background-color:#272727;border:none;outline:none;caret-color:#91cb00;color:#fff;font-size:18px}textarea{background-color:#272727;padding:10px;border:none;outline:none;caret-color:#91cb00;color:#fff;resize:none;font-size:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.error-container{height:20px;margin:20px 0}.error{font-weight:700;color:#dc3545}.font-size-title{font-size:25px;font-weight:700;letter-spacing:3px}.text-center{text-align:center}.layout{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.container-section-title h2{text-align:center}.burger-menu{width:85%;margin-right:20px;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;cursor:pointer}.burger-bar{width:4em;height:.5em;margin-bottom:.5em;background-color:#91cb00;border-radius:.5em}.menu{width:100%;height:70vh;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#1a1a1a;position:absolute;top:0;z-index:-1;display:flex;align-items:center}.menu ul{width:100%;margin:0;padding:0;text-decoration:none;list-style:none}.menu ul li{text-align:center;margin:25px 0}.hidden{display:none}.visible{width:100%;display:inherit}.burger-bar.clicked:nth-child(1){transform:rotate(45deg) translate(.75em,1.25em);transition:ease-out .5s}.burger-bar.clicked:nth-child(2){transform:scale(0);transition:ease-out .5s}.burger-bar.clicked:nth-child(3){transform:rotate(135deg) translate(-.5em,1em);transition:ease-out .5s}.burger-bar.unclicked{transform:rotate(0) translate(0);transition:cubic-bezier(.175,.885,.32,1.275) .5s}.header{width:85%;height:135px;position:fixed;margin-bottom:15px;background-color:#1a1a1a;border-bottom-left-radius:30px;border-bottom-right-radius:30px;display:flex;justify-content:center;align-items:center;-webkit-box-shadow:-4px 25px 34px -9px rgba(0,0,0,.41);box-shadow:-4px 25px 34px -9px #00000069;z-index:1000}.header .logo{flex-grow:2}.logo{height:75px;width:150px}.logo img{width:100%;height:100%}.header nav{flex-grow:1}.header nav ul{height:135px;display:flex;justify-content:flex-end;align-items:center;list-style:none}.header li{margin-left:15px;margin-right:15px;text-transform:uppercase;font-weight:700;font-size:17px}.header li a{text-decoration:none;transition:all .3s}.header a:hover,.activated{color:#91cb00}.container{width:100%;height:auto;margin-bottom:50px}.container-banner{width:100%;height:500px}.container-banner img{width:100%;height:100%;object-fit:cover}.container-title{text-align:center}.welcome-title{font-size:40px;color:#91cb00}.container-cards{width:100%;margin-top:-120px;height:auto;display:flex;justify-content:center}.card{width:75%;height:auto;border-radius:10px;background-color:#1a1a1a;display:flex}.container-img-victor{width:50%;height:100%}.card img{border-top-left-radius:10px;border-bottom-left-radius:10px;width:100%;height:100%;object-fit:cover}.about-me{width:50%;height:100%;padding-left:10px;padding-right:10px;display:flex;align-items:center}.p-about-me{line-height:1.6;font-size:16px}.about-me-subtitle,.about-me-subtitle strong{letter-spacing:5px}.info-victor{padding-right:15px;padding-left:15px}.btn-curriculum{width:100%;margin-top:40px;margin-bottom:20px;display:flex;justify-content:center}#experience{width:100%;padding:30px 0;margin-bottom:50px;display:flex;align-items:center;flex-direction:column;overflow:hidden}.container-experience{display:flex;flex-direction:row;align-items:center;justify-content:space-around;transition:transform 1s ease-in-out}.experience-icon-left,.experience-icon-right{cursor:pointer}.experience-cards{width:100%;display:flex;justify-items:center;z-index:1}.card-experience{width:70rem;margin:40px 50px;background-color:#202020;-webkit-box-shadow:0px 2px 10px -1px #030303;box-shadow:0 2px 10px -1px #91cb00;transition:transform 1s ease-in-out}.active-experience{transform:scale(1.1)}.experience-content{width:50%;padding:0 50px}.experience-company{font-size:3rem}.container-experience-technologies{display:flex;flex-direction:column;margin-bottom:40px}.experience-technologies{width:100%;display:flex;justify-content:center}.experience-technologies img{border-radius:0}.workplace-image{width:50%}.workplace-image img{width:100%}.experience-controller{margin:30px 0;display:flex;justify-content:space-between}.experience-bullet{display:flex;align-items:center}.experience-bullet svg{margin:0 10px}#my-stack{margin-bottom:50px;display:flex;align-items:center;flex-direction:column}.container-stack{width:70%;height:auto;background-color:#1a1a1a99;border-radius:10px;padding:30px}.container-stack h2{color:#91cb00}.container-stack-imgs{display:flex;flex-direction:row;justify-content:center}.front-end,.back-end{width:50%;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#1a1a1a99}.stack-logo{margin:10px}.stack-logo img{width:100%;height:100%;margin-bottom:10px}#projects{width:100%;margin-top:50px;margin-bottom:50px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.projects-filter{display:flex;justify-content:center;margin-bottom:20px}.filter-buttons{margin:0 15px;padding:10px 20px;border-radius:10px;cursor:pointer}.filter-buttons.active{background-color:#91cb00;color:#272727;font-weight:700;transition:all linear .15s}.project-card{width:80%;height:auto;min-height:550px;background-color:#1a1a1a;border-radius:10px;margin-bottom:50px;display:flex;flex-direction:row;align-items:center}.project-card-detail{width:100%;display:flex}.container-img-project{width:100%;height:100%}.container-img-project img{width:100%;height:100%;object-fit:cover;border-top-right-radius:10px;border-top-left-radius:10px}.info-project{width:100%}.info-project .container-title{padding:0 50px;font-size:30px;color:#91cb00;text-align:start}.info-project .description{padding:0 50px 20px}.stack-project{display:flex;flex-wrap:wrap;justify-content:flex-start}.project-actions{width:100%}.btn{width:200px;height:50px;border-radius:10px;cursor:pointer;background-color:#91cb00;border:none;font-size:20px;font-weight:700;transition:all linear .15s}.btn-secondary{background-color:#272727!important}.btn:hover{background-color:#272727;color:#91cb00}.btn-container{display:flex;justify-content:center;align-items:center;gap:26px}.btn-container a{margin-bottom:30px}.text-button{text-decoration:none}.text-button:hover{text-decoration:underline}#services{width:100%;margin-top:30px;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.service-container{width:80%;height:auto;border-radius:10px;background-color:#1a1a1a;border-top:1px #91cb00 solid;border-bottom:1px #91cb00 solid;display:flex}.container-left-block{width:50%;padding:20px;display:flex;flex-direction:column;align-items:center}.container-right-block{width:100%;padding:20px}.container-logo{width:200px;height:200px}.container-logo img{width:100%;height:100%}#contact{width:100%;display:flex;flex-direction:column;align-items:center}.container-contact{width:100%;margin-bottom:100px;display:flex;justify-content:center}.card-contact{width:80%;height:auto;padding:30px 50px;border-radius:10px;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:center}.container-input{margin-bottom:20px;display:flex;flex-direction:column}form{width:70%;height:100%}.inputs{display:flex;justify-content:center;align-items:center}.container-info-contact{margin-right:50px}.submit-container{width:100%;height:100px;display:flex;justify-content:center;align-items:flex-end}.footer{height:100px;margin:0;width:100%;border-top:10px solid #91cb00}.footer-container{width:100%;margin-top:20px;display:flex;flex-direction:row;justify-content:space-around}.footer-container .description{width:100%;margin-left:20px;font-size:20px;font-weight:700;display:flex;align-items:center}.footer-container .social-networks{width:30%;display:flex;justify-content:space-around;align-items:center}.footer-container .social-networks svg{transition:all .3s}.footer-container .social-networks svg:hover{color:#91cb00;cursor:pointer}.loader-container{height:52px}.loader{display:flex;align-items:center;justify-content:space-between;width:60px;height:50px}.loader div{width:12px;background:#91cb00;animation:loader 1.8s linear infinite}:root{--bg: #0f1115;--text: #e8edf2;--muted: #9aa3ad;--card: #1a1d22;--line: #4d4e4e;--neon: #91cb01}.xp{background:var(--bg);color:var(--text);padding:48px 20px}.xp__header h1{text-align:center;letter-spacing:.35em;margin:0 0 28px}.xp__timeline{position:relative;max-width:1121px;margin:0 auto;display:grid;row-gap:56px}.xp__line{position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translate(-50%);background:linear-gradient(var(--line),var(--line));border-radius:999px}.xp__row{display:grid;align-items:center}.xp__row--left{grid-template-columns:minmax(0,520px) 80px 1fr}.xp__row--right{grid-template-columns:1fr 80px minmax(0,520px)}.xp__row--left>.xp__company{grid-column:1}.xp__row--left>.xp__node{grid-column:2;grid-row:1}.xp__row--right>.xp__node{grid-column:2;grid-row:1}.xp__row--right>.xp__company{grid-column:3}.xp__node{justify-self:center;align-self:center;width:44px;height:44px;border-radius:50%}.xp__company{margin:0}.xp__node{width:44px;height:44px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 8px color-mix(in oklab,var(--neon) 25%,transparent);justify-self:center;align-self:center;z-index:10}.xp__company{background:var(--card);border:1px solid #242a31;border-radius:16px;padding:16px;box-shadow:0 12px 28px #00000040}.xp__company-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}.xp__logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#0b0d10}.xp__company-name{margin:0;font-size:1.1rem}.xp__company-name a{color:var(--text);text-decoration:none}.xp__company-name a:hover{color:var(--neon)}.xp__location{margin:2px 0 0;color:var(--muted);font-size:.9rem}.xp__roles{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:14px}.xp__role{background:#12151a;border:1px solid #232831;border-radius:12px;padding:12px}.xp__role-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.xp__role-title{margin:0;font-size:1rem}.xp__dates{color:var(--muted);font-size:.9rem}.xp__desc{margin:8px 0 0 18px}.xp__desc li{margin:6px 0}.xp__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.xp__tag{font-size:.8rem;padding:4px 10px;border:1px solid #2b3038;border-radius:999px}@media (max-width: 900px){.xp__row,.xp__row--left,.xp__row--right{grid-template-columns:1fr}.xp__line,.xp__node{display:none}}@keyframes loader{0%{height:12px}25%{height:50px}50%{height:10px}75%{height:25px}to{height:12px}}.loader div:nth-child(2){animation-delay:-.25s}@media screen and (min-width: 767px) and (max-width: 1023px){.header{width:inherit}.logo{margin-left:10px}.container-cards{flex-direction:column;justify-content:center;align-items:center}.card{width:70%;display:block}.container-img-victor{width:100%;border-top-right-radius:10px;border-bottom-left-radius:0}.card img{border-top-right-radius:10px;border-bottom-left-radius:0;object-fit:cover}.about-me{width:100%;height:auto}.btn-curriculum{margin-bottom:20px}.card-experience{width:100%;height:auto}.experience-content{width:auto}.workplace-image,.workplace-image img{width:100%}.front-end,.back-end{width:90%}.container-stack-img{width:100%}#projects{flex-direction:column;align-items:center}.project-card{width:70%;padding-bottom:20px}.container-input,.inputs{display:block}.container-contact{flex-direction:column;align-items:center}.inputs label{margin-right:10px}.footer{width:100%}}@media screen and (max-width: 768px){.header{width:80%}.logo{width:500px;margin-left:20px;display:flex;justify-content:center}.logo svg{width:100%}.container-cards{flex-direction:column;justify-content:center;align-items:center}.card{width:90%;display:block}.container-img-victor{width:100%;border-top-right-radius:10px;border-bottom-left-radius:0}.card img{border-top-right-radius:10px;border-bottom-left-radius:0;object-fit:cover}.about-me{width:100%;height:auto}.btn-curriculum{margin-bottom:20px}.card-experience{width:90%;height:auto}.experience-content{width:auto}.container-experience-technologies{width:50%;display:flex;flex-wrap:wrap}.experience-technologies{width:200px;display:flex;flex-wrap:wrap}.workplace-image,.workplace-image img,.front-end,.back-end,.container-stack-img{width:100%}.projects-filter{justify-content:flex-start;overflow:scroll}.project-card{width:90%;height:auto;display:flex;flex-direction:column}.service-container{flex-direction:column}.container-left-block{width:100%;padding:0}.container-right-block{width:100%;padding:1px}.container-right-block p{margin:0}.description-service{padding:15px}.card-contact{padding-right:50;padding-left:0}.container-input,.inputs{display:block}.container-contact{flex-direction:column;align-items:center}.inputs label{margin-right:10px}input{width:auto}.submit-container{display:block}.error-container{width:200px}.footer{margin-bottom:50px}.footer-container{display:block}.footer-container .description{margin-left:0}}