@import"https://fonts.googleapis.com/css?family=Victor+Mono:regular,bold,italic&subset=latin,latin-ext";nav{grid-row:1/3;grid-column:1;display:grid;position:sticky;grid-template-columns:50px 250px;overflow-x:hidden;text-overflow:ellipsis;width:100%}nav .nav-container{display:flex;flex-direction:column;background-color:#1a1a1a;z-index:2;overflow:hidden;border-right:solid .2px #37373c}nav .nav-container .nav__space{height:60px}nav .nav-container .nav__icons{display:flex;flex-direction:column;height:100%;background-color:#1a1a1a}nav .nav-container .nav__icons ul li{list-style:none;display:flex}nav .nav-container .nav__icons ul li a{flex:0 0 100%;text-decoration:none;color:#727272;margin-bottom:10px;margin-top:10px;width:30px;height:30px;font-size:20px;border-left:2.5px solid #1a1a1a;cursor:pointer}nav .nav-container .nav__icons ul li a:hover{color:#f1f1f1;border-left:2.5px solid #264de4}nav .nav-container .nav__icons ul li a:focus{color:#f1f1f1;border-left:2.5px solid #264de4}nav .nav-container .nav__icons ul li a span{width:100%;display:inline-block;margin:auto;text-align:center}nav .nav-container .nav__icon-user{margin-top:10px;margin-left:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:20px;cursor:pointer;list-style:none;border:2.5px solid #727272;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}nav .nav-container .nav__icon-user:hover{border:2.5px solid #264de4;color:#264de4}nav .nav-container .nav__icon-user ul li{list-style:none;text-decoration:none;color:#727272;font-size:20px}nav .nav-container .nav__icon-user ul li a{text-decoration:none;color:#727272;font-size:20px}nav .nav-container .nav__icon-user ul:hover{color:#264de4}nav .nav__logo{margin:0;display:flex;align-items:center;justify-content:flex-start;border-bottom:solid .3pt #37373c}nav .nav__logo>h4{margin-left:15px;padding:1rem 0;font-size:1.2rem;font-weight:400;text-transform:uppercase;letter-spacing:.1rem;list-style:none;color:#fff;background-color:#1a1a1a}nav .nav__logo img{margin-left:15px;width:50px;height:30px}nav .nav__menu{margin:0;padding:0;display:flex;flex-direction:column;border-bottom:solid .3pt #37373c;height:100%}nav .nav__menu .nav__titel{font-weight:400;text-transform:uppercase;letter-spacing:.1rem;list-style:none;color:#fff;border-bottom:solid .3pt #37373c}nav .nav__menu .nav__titel>span:first-child{display:inline-block;margin-left:5px;margin-top:1px;margin-bottom:1px;font-weight:800;text-transform:uppercase;letter-spacing:.1rem;list-style:none;color:#fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}nav .nav__menu .nav__titel>span:last-child{margin-left:10px;margin-top:1px;margin-bottom:1px}nav .nav__menu .nav__list-item--sub{display:none}nav .nav__menu .nav__list .nav__list-item{display:flex;text-align:left;font-size:.7rem;font-weight:200;text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;transition:all .2s ease-in-out;list-style:none}nav .nav__menu .nav__list .nav__list-item a{padding:1px;flex:0 0 100%;text-decoration:none;color:#fff}nav .nav__menu .nav__list .nav__list-item a span{vertical-align:sub}nav .nav__menu .nav__list .nav__list-item a span:hover{text-decoration:underline}nav .nav__menu .nav__list .nav__list-item a>span:first-child{margin-left:15px;display:inline-block;-o-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);transition:all .2s ease-in-out}nav .nav__menu .nav__list .nav__list-item--active{display:flex;text-align:left;font-size:.7rem;font-weight:200;text-transform:uppercase;letter-spacing:.1rem;cursor:pointer;transition:all .2s ease-in-out}nav .nav__menu .nav__list .nav__list-item--active a{padding:1px;flex:0 0 100%;text-decoration:none;color:#fff}nav .nav__menu .nav__list .nav__list-item--active a span{vertical-align:sub}nav .nav__menu .nav__list .nav__list-item--active a span:hover{text-decoration:underline}nav .nav__menu .nav__list .nav__list-item--active a>span:first-child{margin-left:15px;display:inline-block;-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);transition:all .2s ease-in-out}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub{margin-bottom:5px;display:block;text-align:left;font-size:.7rem;font-weight:400;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in-out;list-style:none;color:#fff;background-color:#1a1a1a}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub li{display:flex;margin-bottom:5px;text-align:left;font-weight:200;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in-out;list-style:none;color:#fff;background-color:#1a1a1a}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub li a{padding:1px;text-decoration:none;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 100%}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub li a span{vertical-align:sub}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub li a span:hover{text-decoration:underline}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub li a>span:first-child{margin-left:31px;margin-right:5px}nav .nav__menu .nav__list .nav__list-item--active+.nav__list-item--sub li:hover{color:#fff;background-color:#37373c}nav .nav__menu .nav__list a:focus{outline:1px solid #264de4;background-color:#37373c;outline-offset:-1px}.tabs-container{grid-column-start:2;grid-column-end:4;display:flex;justify-content:flex-start;position:sticky;top:0;width:100%;background-color:#1a1a1a;margin:0}.tabs-header{display:flex;flex:column;background-color:#1a1a1a}.tab{padding:0 20px;cursor:pointer;border:.5pt solid #37373c;border-bottom:none;display:flex;justify-content:space-between;align-items:center}.tab:hover{background-color:#212223}.tab:hover>button{background-color:#212223;color:#727272;transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out}.tab:hover>button:hover{background-color:#6969691a;color:#007bff}.tab>button{background-color:#1a1a1a;color:#1a1a1a;border:none;outline:none;cursor:pointer;border-radius:5px;margin-left:15px;padding:0 5px;font-size:1.2rem;font-weight:500;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.tab>button:focus{color:#007bff}.tab>button:hover{color:#37373c}.tab.active{background-color:#212223;border-top:.5pt solid #007bff}.tab.active>button{background-color:#212223;color:#727272}.tab.active>button:focus{color:#007bff}.tab.active>button:hover{transition:all .1s ease-in-out;background-color:#6969691a;color:#007bff}.main{grid-column:2/ 4;grid-row:2/ 3;width:100%;background-image:radial-gradient(circle,#2e3c51 2px,transparent 0);background-size:calc(14.2857142857% - 1px) 100px;margin-right:auto;margin-left:auto;-webkit-animation:dotScroll 16s linear infinite;animation:dotScroll 16s linear infinite;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 50px 35px #212223,0 0 #fff}section{display:flex;flex-direction:row;justify-content:space-around;width:100%;padding:5px}.main__logo>object{width:100%;height:100%}.main__content{width:100%;height:100%;background-color:#1a1a1a;border-top-right-radius:10px;border-bottom-right-radius:10px}.main__title{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;font-weight:100;padding:10px}.main__container{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;border:1px solid #37373c;border-radius:10px;background-color:#066fc1}.main__container:first-child{margin-bottom:15px}.main__container:last-child{margin-top:15px}.main__pic{width:80px;height:80px}.main__pic>img{width:100%;height:100%;overflow:hidden;object-fit:cover;border-radius:50%;box-shadow:inset 0 50px 50px #0707b9,0 0 #e40303;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.main__pic:first-child{font-size:45px;padding:2px}.main__title>div>span{display:block;width:400px;min-height:30px;color:#727272;font-size:.9rem;font-weight:100;padding:0 5px;word-wrap:break-word}.proyects{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%;margin-top:1rem;margin-bottom:1rem;height:90vh;overflow-y:scroll;overflow-x:hidden}.proyects>h2{align-self:flex-start;position:relative;top:560px;text-align:left}.proyects__container{position:relative;top:560px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1rem;margin-top:1rem;padding:1rem;width:100%;max-width:1000px;justify-content:center;align-items:center;justify-items:center;align-content:center;margin-bottom:1rem}.proyects__container__card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#2a2a2a;border-radius:10px;padding:1rem;box-shadow:0 0 px #9696fa33;transition:all .3s ease}.proyects__container__card:hover{transform:scale(1.05);box-shadow:0 0 10px #0000004d;background-color:#37373c}.proyects__container__card__img{width:100%;height:200px;border-radius:10px;margin-bottom:1rem;transition:all .3s ease}.proyects__container__card__img:hover{transform:scale(1.05);box-shadow:0 0 10px #0000004d}.proyects__container__card__img>img{width:100%;height:100%;border-radius:10px;object-fit:cover;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.proyects__container__card__info{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%;height:100%}.proyects__container__card__info>h3{margin:0;padding:0;text-align:center}.proyects__container__card__info>p{margin:0;padding:0;text-align:center;font-size:.8rem;color:#727272}.proyects__container__card__info>fieldset{margin:0;padding:0;text-align:center;border:none;display:flex;flex-direction:row;justify-content:space-around;width:100%;margin-top:1rem}.proyects__container__card__info>fieldset>a{padding:3px;border:1px solid #2a2a2a;text-decoration:none;color:#727272;font-size:.8rem;transition:all .3s ease;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;cursor:pointer}.proyects__container__card:hover>.proyects__container__card__info>fieldset>a{border:1px solid #37373c}.proyects__container__card:hover>.proyects__container__card__info>fieldset>a:hover{border:1px solid #f1f1f1;color:#f1f1f1}.skills-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px;height:92vh;background-color:none;overflow-y:scroll;overflow-x:hidden}.skills{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;margin-top:1rem;padding:1rem;width:100%;max-width:1000px;justify-content:center}.skills-title{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;font-weight:100;padding:10px;color:#fff}.skill{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px;border-radius:10px;border:1px solid #37373c;margin-top:1rem;margin-bottom:1rem;transition:all .3s ease}.skill:hover{transform:scale(1.05);box-shadow:0 0 10px #0000004d;background-color:#37373c}.skills-title{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;font-weight:100;padding:10px;color:#fff}.skill-description{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;font-weight:100;padding:10px;color:#727272}.skill-ico{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;font-weight:100;padding:10px}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;text-align:center;padding:0 1rem}.contact__title{margin:0;padding:0;font-size:2rem;font-weight:400;margin-bottom:1rem;align-self:flex-start}.contact__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}.contact__container__info__item>span{margin:0;padding:0;font-size:1.2rem;font-weight:400;margin-bottom:1rem;align-self:center;color:#727272;width:50%}.contact__container__info{display:flex;flex-direction:row;align-items:space-evenly;justify-content:space-evenly;width:100%;margin-bottom:1rem}.contact__container__info__item{display:flex;flex-direction:column;align-items:space-evenly;justify-content:space-evenly;width:100%;margin-bottom:1rem}.contact__container__info__item>div{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;margin-top:2rem;color:#727272}.contact__container__info__item>ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;justify-content:space-evenly}.contact__container__info__item>ul>li{margin:0;padding:0;margin-bottom:.5rem}.contact__container__info__item>ul>li>a{text-decoration:none;color:#727272;font-size:1.2rem;font-weight:400;transition:all .3s ease}.contact__container__info__item>ul>li>a:hover{color:#fff}.contact__container__form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}.contact__container__form>form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}.contact__container__form>form>fieldset{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;margin-bottom:1rem;border:none}.contact__container__form>form>fieldset>input{width:100%;padding:.5rem;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.contact__container__form>form>fieldset>label{margin-bottom:.5rem;color:#727272;font-size:1.2rem;font-weight:400;align-self:flex-start}.contact__container__form>form>fieldset>textarea{width:100%;padding:.5rem;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.contact__container__form>form>fieldset>button{width:100%;padding:.5rem;border:none;border-radius:5px;background-color:#727272;color:#fff;font-size:1.2rem;font-weight:400;align-self:flex-start;transition:all .3s ease}footer{grid-row:3;grid-column:1 / 4;background-color:#1a1a1a;color:#fff;text-align:center;font-size:10px;font-weight:300;line-height:1.5;letter-spacing:.5px;text-transform:uppercase;position:sticky;clear:both;border-top:1px solid #000;box-shadow:0 0 10px #0003}.footer-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-right:1rem}.footer__icons{display:flex;flex-direction:row;align-items:center;justify-content:center}.footer__icons>ul{display:flex;flex-direction:row;align-items:center;justify-content:center;list-style:none}.footer__icons>ul>li{margin:0 10px;padding:0;font-size:1rem;color:#fff;transition:all .3s ease-in-out}.footer__icons>ul>li>a{text-decoration:none;color:#fff;transition:all .3s ease-in-out}.me{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;text-align:center;padding:0 1rem;overflow-y:scroll;width:100%;height:92vh}.me__container__img{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.mask{align-self:flex-end;position:relative;top:250px;right:0;width:320px;height:360px;-webkit-mask-size:cover;-webkit-mask-image:url(../../public/mask/marco.svg);mask-image:url(../../public/mask/marco.svg);mask-size:cover;background-image:url(../../public/mask/PXL.jpg);background-repeat:no-repeat;background-position:center;background-size:contain}.me__title{margin:0;padding:0;font-size:2rem;font-weight:400;align-self:flex-start;color:#fff;margin-bottom:1rem}.me__container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}.me__container__info{display:flex;flex-direction:row;align-items:space-evenly;justify-content:space-evenly;width:100%;margin-bottom:1rem}.me__container__info__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem}.me__container__info__item>p{margin:0;padding:0;font-size:1.2rem;font-weight:400;margin-bottom:1rem;align-self:center;color:#727272;width:50%}.me__container__hobbies{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:1rem;border-bottom:1px solid #066fc1}.me__container__hobbies>h3{margin:0;padding:0;font-size:1.2rem;font-weight:400;margin-bottom:2rem;border-bottom:1px solid #066fc1;align-self:center;color:#fff;width:100%}.me__container__hobbies>ul{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-evenly;width:100%;margin-bottom:1rem;flex-wrap:wrap;list-style:none}.me__container__hobbies>ul>li{margin:0;padding:0;font-size:1.2rem;font-weight:400;margin-bottom:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;color:#727272;width:33%;border-left:1px solid #066fc1}.me__container__hobbies>ul>li>span{margin:0;padding-left:1rem;font-size:1.2rem;font-weight:400;margin-bottom:1rem;align-self:center;color:#727272;width:50%}.App{width:100vw;height:100vh;display:grid;grid-template-columns:300px auto;grid-template-rows:30px auto 30px;background-color:#1a1a1a;color:#fff}:root{font-family:Victor Mono,system-ui;line-height:1.5;font-weight:400;width:100vw;height:100vh;color-scheme:light dark;color:#f1f1f1;background-color:#1f1f1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh}@keyframes dotScroll{0%{background-position-y:140px}to{background-position-y:0}}.fa-js{color:#f7df1e}.ts-style{color:#007acc}.fa-react{color:#61dafb}.fa-node{color:#3c873a}.fa-html5{color:#e34c26}.fa-css3-alt,.fa-circle-exclamation,.fa-gear{color:#264de4}.fa-git-alt{color:#f34f29}.fa-whatsapp{color:#25d366}.fa-linkedin{color:#0077b5}.fa-github{color:#6e5494}.fa-twitter{color:#1da1f2}.fa-instagram{color:#e1306c}.fa-facebook{color:#1877f2}.fa-node-js{color:#3c873a}.fa-sass{color:#c69}