@import url(https://fonts.googleapis.com/css?family=Monoton&display=swap);body{background:#000;background:var(--main-background-color);font-family:Avantgarde,TeX Gyre Adventor,URW Gothic L,sans-serif;margin:0;padding:0}:root{--main-background-color:#000;--main-text-color:#fff;--engineer-page-text-color:green;--cube-color1:#cbe58e;--cube-color2:#013026;--cube-color3:#c874b2;--cube-color4:#107e57;--cube-color5:#014760;--cube-color6:#a1ce3f;--neon-pink:#ff03e2;--neon-yellow:#9aff03;--neon-green:#0fa;--neon-blue:#00e1ff;--neon-pink-text-shadow:0 0 7px var(--neon-pink),0 0 10px var(--neon-pink),0 0 21px var(--neon-pink),0 0 42px var(--neon-pink),0 0 82px var(--neon-pink),0 0 92px var(--neon-pink),0 0 102px var(--neon-pink),0 0 151px var(--neon-pink);--neon-pink-text-shadow-small:0 0 3px var(--neon-pink),0 0 8px #fff,0 0 10px #fff,0 0 30px var(--neon-pink),0 0 36px var(--neon-pink),0 0 52px var(--neon-pink);--neon-pink-text-shadow-small-inset:0 0 3px var(--neon-pink),0 0 8px #fff,0 0 10px #fff,0 0 30px var(--neon-pink) inset,0 0 36px var(--neon-pink) inset,0 0 52px var(--neon-pink);--neon-stick:0 0 3px #fff,0 0 8px #fff,0 0 10px var(--neon-pink),0 0 30px var(--neon-pink),0 0 36px var(--neon-pink),0 0 40px var(--neon-pink),0 0 52px var(--neon-pink);--neon-yellow-text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px var(--neon-yellow),0 0 82px var(--neon-yellow),0 0 92px var(--neon-yellow),0 0 102px var(--neon-yellow),0 0 151px var(--neon-yellow);--neon-green-text-shadow-small-inset:0 0 3px var(--neon-green),0 0 8px var(--neon-green),0 0 10px #fff,0 0 30px var(--neon-green) inset,0 0 36px var(--neon-green) inset,0 0 52px var(--neon-green);--neon-green-text-shadow-small:0 0 2px #fff,0 0 8px #fff,0 0 10px #fff,0 0 30px var(--neon-green) inset,0 0 36px var(--neon-green),0 0 40px var(--neon-green),0 0 52px var(--neon-green),0 0 30px var(--neon-green);--neon-green-text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px var(--neon-green),0 0 82px var(--neon-green),0 0 92px var(--neon-green),0 0 102px var(--neon-green),0 0 151px var(--neon-green);--neon-blue-text-shadow:0 0 7px var(--neon-blue),0 0 10px var(--neon-blue),0 0 21px var(--neon-blue),0 0 42px var(--neon-blue),0 0 82px var(--neon-blue),0 0 92px var(--neon-blue),0 0 102px var(--neon-blue),0 0 151px var(--neon-blue);--project-description-background:#000;--project-connect-timeline-color:#fff;--project-date-color:#fff}.sectionTitle{align-items:center;color:#fff;color:var(--main-text-color);display:flex;display:none;font-size:35px;justify-content:center;text-align:center;text-shadow:0 0 7px #ff03e2,0 0 10px #ff03e2,0 0 21px #ff03e2,0 0 42px #ff03e2,0 0 82px #ff03e2,0 0 92px #ff03e2,0 0 102px #ff03e2,0 0 151px #ff03e2;text-shadow:var(--neon-pink-text-shadow)}#workSection .sectionTitle{margin-bottom:100px}#projectSection .sectionTitle{margin-top:100px}#educationSection .education .sectionTitle{margin-bottom:50px}#educationSection .skill .sectionTitle{margin-bottom:30px}@media screen and (max-width:768px){.sectionTitle{display:block}}.main{position:relative}.main,.topNavbar{box-sizing:border-box;width:100%}.topNavbar{align-items:flex-end;background:var(--main-background-color);display:flex;flex-wrap:wrap;font-size:40px;font-weight:700;height:100px;left:0;padding:0 50px;position:fixed;top:0;z-index:2;z-index:100}.topNavbar .contactInfoContainer{flex:1 1;text-align:right}.contactInfo .email,.contactInfo .linkedIn{cursor:pointer;height:30px;margin:0 4px;width:30px}.bottomContactInfo .contactInfo{align-items:center;display:none;height:40px;justify-content:center}.bottomContactInfo .contactInfo .email,.bottomContactInfo .contactInfo .linkedIn{fill:var(--main-text-color)}.topNavbar .preferName{background:var(--main-background-color);bottom:0;font-family:Monoton;font-weight:400;padding:0 10px;position:absolute;text-shadow:var(--neon-pink-text-shadow)}.mainContent{box-sizing:border-box;margin-left:200px;margin-top:80px;padding:20px;width:calc(100% - 200px)}.mainContent #homeRefContainer{scroll-margin-top:100px}.mainContent #workRefContainer{scroll-margin-top:140px}.mainContent #projectRefContainer{scroll-margin-top:70px}.mainContent #educationRefContainer{scroll-margin-top:100px}.leftNavbar{color:var(--engineer-page-text-color);font-size:20px;font-weight:700;left:0;position:fixed;text-align:center;top:80px;width:200px;z-index:2}.leftNavbar nav{align-items:center;display:flex;flex-direction:column;margin-top:80px;row-gap:40px}.leftNavbar nav a div{cursor:pointer;padding:20px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.leftNavbar nav a{color:inherit;text-decoration:none}.leftNavbar nav a div.isSelected{text-shadow:var(--neon-pink-text-shadow)}.leftNavbar nav a div.isSelectedHome span{background:#005dcc;color:var(--main-text-color);padding:5px 4px}.resumeBtn{cursor:pointer}@media screen and (max-width:768px){.mainContent{margin-left:0;margin-right:0;width:100%}.leftNavbar{display:none}}@media screen and (max-width:500px){.topNavbar .contactInfoContainer{display:none}.bottomContactInfo .contactInfo{display:flex}}.textContent{word-wrap:break-word;margin:20px 0}.hideContent{opacity:0}.blinking{position:relative}.blinking:before{background:var(--engineer-page-text-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blinkingAnimation{-webkit-animation:blinkingAnimation 1s 3;animation:blinkingAnimation 1s 3;opacity:0}@-webkit-keyframes blinkingAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blinkingAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}.homeContainer{justify-content:center;min-height:calc(100vh - 80px);width:100%}.aboutMe,.homeContainer{word-wrap:break-word;display:flex}.aboutMe{align-items:center;box-sizing:border-box;color:var(--engineer-page-text-color);font-size:35px;margin:0 auto;max-width:900px;padding:30px}.workEpContainer{padding:20px;position:relative}.companies{margin:0 auto;max-width:1200px;position:relative}.companies>.catchpoint,.companies>.cgu,.companies>.kerson{margin-top:50px}.company{box-sizing:border-box;color:var(--main-text-color);max-width:400px;min-width:250px;position:relative}.company .title{font-size:20px;font-weight:700}.company .position{margin:10px 0}.company .companyContent{border:4px solid var(--neon-green);border-radius:20px;box-shadow:var(--neon-green-text-shadow-small);box-sizing:border-box;padding:20px}.companyContainer{align-items:center;box-sizing:border-box;display:flex;height:100%;position:relative}.companyContainer .workTimeline{height:100%;left:0;position:absolute;top:0;width:150px}.companyContainer .workTimeline .stick{background:var(--neon-pink);box-shadow:var(--neon-stick);height:100%;position:relative;width:10px;z-index:1}.companyContainer .workTimeline .freeTimeline{border-left:1px dashed var(--project-connect-timeline-color);height:50px;left:0;margin-left:4px;position:absolute;top:100%}.companyContainer .workTimeline .topDot{top:-5px}.companyContainer .workTimeline .bottomDot,.companyContainer .workTimeline .topDot{background:var(--neon-yellow);border-radius:50%;box-shadow:var(--neon-yellow-text-shadow);content:"";height:20px;left:-5px;position:absolute;-webkit-transform-origin:center;transform-origin:center;width:20px;z-index:2}.companyContainer .workTimeline .bottomDot{bottom:-5px}.companyContainer .workTimeline .bottomDate,.companyContainer .workTimeline .topDate{color:var(--project-date-color);text-shadow:var(--neon-green-text-shadow)}.companyContainer .workTimeline>span:first-of-type{content:"";left:20px;position:absolute;top:0}.companyContainer .workTimeline>span:last-of-type{bottom:0;content:"";left:20px;position:absolute}.linkToTimeline{border-top:4px dotted var(--neon-blue);box-shadow:var(--neon-blue-text-shadow);min-width:100px;z-index:0}.catchpoint .linkToTimeline,.tabapay .linkToTimeline{width:200px}.cgu .linkToTimeline{width:calc(200px + 15%)}.kerson .linkToTimeline{width:calc(200px + 30%)}.projectSectionContainer{margin-top:130px;position:relative;width:100%}.projects{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;height:100%;justify-content:space-around;width:100%}.projectContainer{box-sizing:border-box;margin-top:50px;position:relative;transition:height 1s ease;width:40%}.projectTab{cursor:pointer;font-size:18px;font-weight:700;height:1px;min-height:400px;position:relative}.projectDescription{background:var(--project-description-background);color:var(--main-text-color);display:flex;flex-direction:column;margin:30px;max-width:500px}.spacing{margin:20px 0}.projectDescription .projectDemo{margin-top:20px;text-align:center}.projectDescription .projectTitle{font-size:25px;margin:20px 0;padding-bottom:10px;position:relative}.projectDescription .projectTitle:before{background:var(--neon-green);bottom:0;box-shadow:var(--neon-green-text-shadow-small-inset);content:"";height:3px;left:0;position:absolute;width:100%}.projectDescriptionContainer{align-items:center;box-shadow:var(--neon-pink-text-shadow-small-inset);display:flex;justify-content:center;min-height:100%;position:relative;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 1s ease-in-out;width:100%}.projectDescriptionContainer:before{background:var(--project-description-background);box-shadow:var(--neon-pink-text-shadow-small);box-sizing:border-box;content:"";height:calc(100% - 20px);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 20px);z-index:-1}.projectDescriptionContainer.show{-webkit-animation:showProject 1.2s ease-in-out;animation:showProject 1.2s ease-in-out}.projectDescriptionContainer.hide{-webkit-animation:hideProject .5s ease-in-out;animation:hideProject .5s ease-in-out;-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes showProject{0%{-webkit-transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg);transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg)}20%{-webkit-transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg);transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg)}to{-webkit-transform:scale(1) rotateX(0) rotateY(0) rotateY(0);transform:scale(1) rotateX(0) rotateY(0) rotateY(0)}}@keyframes showProject{0%{-webkit-transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg);transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg)}20%{-webkit-transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg);transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg)}to{-webkit-transform:scale(1) rotateX(0) rotateY(0) rotateY(0);transform:scale(1) rotateX(0) rotateY(0) rotateY(0)}}@-webkit-keyframes hideProject{0%{-webkit-transform:scale(1) rotateX(0) rotateY(0) rotateY(0);transform:scale(1) rotateX(0) rotateY(0) rotateY(0)}to{-webkit-transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg);transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg)}}@keyframes hideProject{0%{-webkit-transform:scale(1) rotateX(0) rotateY(0) rotateY(0);transform:scale(1) rotateX(0) rotateY(0) rotateY(0)}to{-webkit-transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg);transform:scale(0) rotateX(1turn) rotateY(-290deg) rotate(180deg)}}.projectLink{box-sizing:border-box;color:var(--neon-blue);padding:10px 20px;position:relative;text-decoration:none}.projectLink:after,.projectLink:before{box-sizing:border-box;content:"";height:20px;position:absolute;transition:all .4s ease;width:20px}.projectLink:before{border-left:2px solid var(--neon-blue);border-top:2px solid var(--neon-blue);left:0;top:0}.projectLink:after{border-bottom:2px solid var(--neon-blue);border-right:2px solid var(--neon-blue);bottom:0;right:0}.projectLink:hover{background:var(--neon-blue);box-shadow:0 0 50px var(--neon-blue);color:#000;transition:all .4s ease .4s}.projectLink:hover:after,.projectLink:hover:before{height:100%;position:absolute;width:100%}.cubeContainer{align-items:center;display:flex;height:300px;left:50%;margin:0 auto;position:absolute;top:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cube{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 2s ease}.cubeSpinning{-webkit-animation:spinning 10s linear infinite;animation:spinning 10s linear infinite;-webkit-transform-origin:bottom!important;transform-origin:bottom!important}@-webkit-keyframes spinning{0%{-webkit-transform:rotateY(0deg) rotateX(-45deg);transform:rotateY(0deg) rotateX(-45deg)}to{-webkit-transform:rotateY(1turn) rotateX(-45deg);transform:rotateY(1turn) rotateX(-45deg)}}@keyframes spinning{0%{-webkit-transform:rotateY(0deg) rotateX(-45deg);transform:rotateY(0deg) rotateX(-45deg)}to{-webkit-transform:rotateY(1turn) rotateX(-45deg);transform:rotateY(1turn) rotateX(-45deg)}}.side{align-items:center;box-shadow:0 0 30px var(--neon-blue);color:var(--main-text-color);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all 1s ease;width:100%}.side-blinking-animation{-webkit-animation:sideBlinking 3s infinite alternate;animation:sideBlinking 3s infinite alternate}.side .rotate-45{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.side .rotate45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.side .rotate180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes sideBlinking{0%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-blue),0 0 40px var(--neon-blue)}18%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-green),0 0 40px var(--neon-green)}22%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-pink),0 0 40px var(--neon-pink)}25%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-blue),0 0 40px var(--neon-blue)}53%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-blue),0 0 40px var(--neon-blue)}57%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-green),0 0 40px var(--neon-green)}to{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-pink),0 0 40px var(--neon-pink)}20%,24%,55%{box-shadow:none}}@keyframes sideBlinking{0%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-blue),0 0 40px var(--neon-blue)}18%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-green),0 0 40px var(--neon-green)}22%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-pink),0 0 40px var(--neon-pink)}25%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-blue),0 0 40px var(--neon-blue)}53%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-blue),0 0 40px var(--neon-blue)}57%{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-green),0 0 40px var(--neon-green)}to{box-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 22px var(--neon-pink),0 0 40px var(--neon-pink)}20%,24%,55%{box-shadow:none}}.top{background:var(--cube-color1)}.right{background:var(--cube-color2);-webkit-transform-origin:left;transform-origin:left}.bottom{background:var(--cube-color3)}.front{background:var(--cube-color4);-webkit-transform-origin:bottom;transform-origin:bottom}.back{background:var(--cube-color5);-webkit-transform-origin:top;transform-origin:top}.left{background:var(--cube-color6);-webkit-transform-origin:right;transform-origin:right}@media screen and (max-width:1300px){.projectContainer{width:90%}}.educationContainer{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap-reverse;gap:50px;height:100%;justify-content:center;margin:100px auto;max-width:1400px;width:100%}.education,.skill{color:var(--main-text-color);font-size:18px}.skill{box-sizing:border-box;padding:20px;width:550px}.educationGroup{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.educationItem{border:4px solid var(--neon-green);border-radius:10px;box-shadow:var(--neon-green-text-shadow-small);display:flex;flex-direction:column;padding:20px 40px 50px;position:relative;width:240px}.educationItem:after{background:var(--neon-green);content:"";-webkit-filter:blur(100px);filter:blur(100px);height:50px;left:0;overflow:hidden;position:absolute;top:102%;-webkit-transform:perspective(.2em) rotateX(10deg);transform:perspective(.2em) rotateX(10deg);width:100%}.educationItem img{background:#fff;border-radius:50%;-webkit-filter:saturate(155%);filter:saturate(155%);height:100px;margin:10px auto;object-fit:contain;width:100px}.educationItem .description{padding:12px 0;text-align:center}.educationItem .description:not(:first-of-type){border-bottom:1px dotted var(--main-text-color)}.educationItem .description:first-of-type{font-size:20px;font-weight:700}.educationItem .description .descriptionName{display:none;font-size:20px;font-weight:700}@media screen and (max-width:1400px){.educationItem:after{display:none}}.progressBarContainer{background:#e9e6e6;border-radius:5px;border-radius:20px;height:8px;margin:13px 0;width:100%}.innerProgressBar{border-radius:20px}
/*# sourceMappingURL=main.7afdab2c.css.map*/