.cont-title{padding-top:1.5em;padding-bottom:1.5em}.title{text-align:center;font-size:2em;width:95%;margin:0 auto}.line-gradiant{background:linear-gradient(to right,transparent,#3A6889,transparent);width:95%;margin:0 auto;height:1px;border:0}.contentCard{background:#f8f8f8;width:95%;display:grid;grid-template-columns:1fr;grid-template-rows:120px 200px 50px;grid-template-areas:"screenshot" "shortDes" "links"}.contentCard .screenshot{background-color:#e0e0e0;grid-area:screenshot;background-position:center;background-size:contain;background-repeat:no-repeat}.contentCard .screenshot .overlay-card{width:auto;height:120px;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fafafa}.contentCard .shortDes{border-top:solid 1px #e0e0e0;padding:10px;grid-area:shortDes}.contentCard .shortDes p{color:#424242;word-wrap:break-word;line-height:22px}.contentCard .links{grid-area:links;border-top:solid 1px #34495e;display:grid;grid-template-columns:100px 1fr;grid-template-rows:1fr;justify-items:center;align-items:center;border-radius:0 0 .5em .5em}.contentCard .links .contLinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;justify-items:center;align-items:center}.contentCard .links .contDev{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));justify-items:center;align-items:center}.eventContentainer{width:100%;margin:0 auto}.eventItem{display:grid;grid-template-areas:"img text";grid-template-columns:150px 1fr;grid-template-rows:1fr;gap:20px;border-bottom:1px #767676 solid;margin-bottom:10px;padding:10px;transition:all 1s ease}.eventText{grid-area:text;display:grid;color:#424242;line-height:22px}.eventImg{grid-area:img;justify-items:center;align-items:center;background-size:contain;background-position:center;background-repeat:no-repeat;transition:all 1s}.calendarEvent{grid-area:img;justify-self:center;align-self:center;font-size:6em}.titleEvent{margin-bottom:5px}.subtitleEvent{margin-bottom:5px;color:#545454}.eventYears{font-size:14px;font-style:italic;text-decoration-line:underline;font-weight:400}.events-enter-from,.events-leave-to{opacity:0;transform:translate(30px)}.events-leave-active{position:absolute}.events-move{transition:all 1s}@media(max-width:700px){.eventItem{grid-template-areas:"text";grid-template-columns:1fr}.calendarEvent{display:none}}.cont-time-line{width:95%;margin:0 auto;transition:all .5s}.contEvents{width:100%}.svg-cont{width:70%;height:300px;display:block;margin:0 auto}.titleSeries{fill:#66cf9f;cursor:pointer;font-weight:700;transition:font-size .5s}.titleSeries:hover{font-size:18px}.lineSeries{cursor:pointer;stroke:#66cf9f;stroke-width:25px}.no-detail{text-align:center;width:100%}.eventSelected{fill:#0d8d53;font-size:18px;text-decoration-line:underline}.list-enter-active,.list-leave-active{transition:all .5s}.list-enter-from,.list-leave-to{opacity:0;transform:translate(30px)}.tools-content-box{background:#f8f8f8;padding:1em;border-radius:10px;width:80%}.tools-category-content{display:grid;grid-template-columns:repeat(3,1fr);font-size:12px;gap:10px;align-content:start;justify-content:center}.tools-category{min-width:80px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.box-title{display:flex;align-content:center;justify-content:center;padding:1em;color:#424242;font-weight:700;font-size:18px}.box-tool{width:40px;height:40px;background-size:contain;background-position:center;background-repeat:no-repeat;margin-bottom:5px}.tools-content{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:10px;justify-items:center;align-items:start}@media(max-width:700px){.tools-content{grid-template-columns:repeat(1,minmax(100px,1fr));gap:none;justify-items:center;align-items:center;justify-content:center;align-content:center}}*{padding:0;margin:0}body{font-weight:400;letter-spacing:.025em;background:#fff;font-family:Roboto Mono,Monaco,courier,monospace;-webkit-font-smoothing:initial;-moz-osx-font-smoothing:initial}.text-color-primary{color:#3a6889!important}.container{display:grid;grid-template-rows:100px 1fr 70px;grid-template-columns:1fr 950px 1fr;grid-template-areas:". header ." ". section ." ". footer .";justify-items:center}.container .header{width:100%;background:#f8f8f8b3;grid-area:header;text-align:center;display:grid;grid-template-rows:1fr;grid-template-columns:130px 1fr 1fr;grid-template-areas:"photo aboutMe menu";gap:10px;position:-webkit-sticky;position:sticky;top:0;z-index:2;align-items:center}.container .header .photo{grid-area:photo;align-self:center;justify-self:start;padding:0 1em}.container .header .aboutMe{justify-self:start;grid-area:aboutMe;padding:10px 0;font-size:35px;letter-spacing:2px;font-weight:700}.container .header .menu{grid-area:menu;display:grid;gap:10px;grid-template-columns:80px 120px 80px 50px;grid-template-rows:1fr;align-items:end;justify-items:center;justify-content:end}.menu-portafolio,.menu-aboutme,.menu-habilies,.menu-cv{text-decoration:underline #3A6889;transition:all .2s ease-out,all .2s ease-out;-webkit-transition:all .2s ease-out,all .2s ease-out;-moz-transition:all .2s ease-out,all .2s ease-out;-ms-transition:all .2s ease-out,all .2s ease-out;-o-transition:all .2s ease-out,all .2s ease-out}.menu-cv{font-weight:700}.menu-portafolio:hover,.menu-aboutme:hover,.menu-habilies:hover,.menu-cv:hover{color:#fff;background:#41b882;padding:0 5px;text-decoration:none}.container .header .photo .frameImg{width:80px;height:80px;border:solid #3A6889 5px;border-radius:3em;background-image:url(/assets/photo-CW-8KEYU.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.container .section{grid-area:section;display:grid;grid-template-columns:1fr;gap:10px;justify-items:center;align-items:center}.portafolio,.time-line,.tecnologias{padding:1.5em 0 2em;width:100%}.container .section .contentCode{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;align-items:start;width:95%;margin:0 auto}.container .footer{grid-area:footer;text-align:center;display:grid;grid-template-columns:repeat(5,35px) auto;grid-template-rows:1fr;justify-content:center;align-items:center}.container .footer a{text-decoration:none;font-size:20px}.container .footer span a{padding:5px;font-size:12px;font-weight:700;transition:all .2s ease-out,all .2s ease-out;-webkit-transition:all .2s ease-out,all .2s ease-out;-moz-transition:all .2s ease-out,all .2s ease-out;-ms-transition:all .2s ease-out,all .2s ease-out;-o-transition:all .2s ease-out,all .2s ease-out}.container .footer span a:hover{color:#fff;background:#41b882}.highlight{color:#3a6889!important;font-weight:700}@media(max-width:800px){.container{grid-template-columns:1fr;grid-template-areas:"header" "section" "footer"}.container .header{grid-template-columns:1fr;grid-template-areas:"photo menu";justify-items:center}.container .header .aboutMe{display:none}.container .section .contentCode{grid-template-columns:repeat(1,minmax(200px,1fr))}}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}