.cont-title{padding-top:1.5em;padding-bottom:1.5em}.title{text-align:center;font-size:2em}.line-gradiant,.title{width:95%;margin:0 auto}.line-gradiant{background:linear-gradient(90deg,transparent,#3a6889,transparent);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:50%;background-size:contain;background-repeat:no-repeat}.contentCard .screenshot .overlay-card{width:auto;height:120px;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:#fafafa}.contentCard .shortDes{border-top:1px solid #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:1px solid #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{grid-template-columns:1fr 1fr;gap:10px}.contentCard .links .contDev,.contentCard .links .contLinks{display:grid;width:100%;justify-items:center;align-items:center}.contentCard .links .contDev{grid-template-columns:repeat(auto-fit,minmax(30px,1fr))}.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 solid #767676;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:50%;background-repeat:no-repeat;transition:all 1s}.calendarEvent{grid-area:img;justify-self:center;align-self:center;font-size:6em}.subtitleEvent,.titleEvent{margin-bottom:5px}.subtitleEvent{color:#545454}.eventYears{font-size:14px;font-style:italic;text-decoration-line:underline;font-weight:400}.events-enter,.events-leave-to{opacity:0;transform:translateX(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}.circles,.titleSeries{cursor:pointer}.titleSeries{fill:#66cf9f;font-weight:700;transition:font-size .5s}.titleSeries:hover{font-size:18px}.lineSeries{cursor:pointer;stroke:#66cf9f;stroke-width:25px}.graf-text{stroke:#424242}.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,.list-leave-to{opacity:0;transform:translateX(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;flex-direction:column;align-items:center}.box-title,.tools-category{display:flex;justify-content:center}.box-title{align-content:center;padding:1em;color:#424242;font-weight:700;font-size:18px}.box-tool{width:40px;height:40px;background-size:contain;background-position:50%;background-repeat:no-repeat;margin-bottom:5px}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:rgba(0,0,0,.8);color:#fff;border-radius:3px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:rgba(0,0,0,.8);z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;lefttoolboxcategory:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;box-shadow:0 5px 30px rgba(black,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;transition:opacity .15s}.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:hsla(0,0%,97.3%,.7);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: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 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-aboutme,.menu-cv,.menu-habilies,.menu-portafolio{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-aboutme:hover,.menu-cv:hover,.menu-habilies:hover,.menu-portafolio:hover{color:#fff;background:#41b882;padding:0 5px;text-decoration:none}.container .header .photo .frameImg{width:80px;height:80px;border:5px solid #3a6889;border-radius:3em;background-image:url(../img/photo.97e63fa3.jpg);background-position:50%;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,.tecnologias,.time-line{padding:1.5em 0 2em 0;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))}}