:root{--black: #141414;--index:calc(1vw + 1vh);--transition: 1.25s cubic-bezier(.2, .5, 0, 1);--transition-cursor: 2s cubic-bezier(.05, .5, 0, 1)}:root::-webkit-scrollbar{width:12px;background:#303030ee}:root::-webkit-scrollbar-button{display:none}:root::-webkit-scrollbar-thumb{border-radius:1px;background:linear-gradient(180deg,#d0d0d0 40%,#a2a2a2);box-shadow:0 4px 6px #00000070}:root::-webkit-scrollbar-thumb:hover{cursor:pointer;background:linear-gradient(180deg,#00c2ff 40%,#388bff 100%)}html[data-theme=light]{--portfolio_bg_svg: url(/assets/AndresMaciasAlvarezPortfolioLightBG6.b376e601.svg);--font_color: #101010;--settings_outside_line: #26cce9;--settings_bg: #ffffff0f;--settings_shadow: #bfbfbf78;--cyan_border: 2px solid #03A4BC;--certificate_link_underline: #0cdcff;--experience_hr: #868686;--wide_hr_color: #0dcaf0;--to_skills_projects_underline: #0dcaf0;--links_color_hover: #002525;--brightness_and_shadow: #05050550;--link_arrows_colors: #a1a1a1;--links_hr: #00000050;--cv_btn_bg: linear-gradient(90deg, #acb0b9 25%, #8f949e 25%, #8f949e 50%, #7d828c 50%, #7d828c 75%, #6b6f77 75%);--underline_links_styles: #2274d9;--glow_to_shadow: 0px 0px 12px 2px #39393980, 3px 2px 0px #cccccc30;--glow_to_shadow_hover: 0px 0px 12px 2px #2332289d, 2px 2px 0px #ffffff20;--about_me_before: #00c2ff;--WhatsApp_contact_hover_color: #48a52d;--footer_side_line: #888888c7;--footer_icons_colors: #616161;--footer_background: linear-gradient(-2deg, #ffffff 40%, transparent 80%)}html[data-theme=dark]{--portfolio_bg_svg: url(/assets/AndresMaciasAlvarezPortfolioDarkBG6.16818b52.svg);--font_color: #eeeeee;--settings_outside_line: #5dffff;--settings_bg: #60606080;--settings_shadow: #1b1b1bb9;--cyan_border: 2px solid #56fffc;--certificate_link_underline: #0cfff7;--experience_hr: #eaeaea50;--wide_hr_color: #56fffc;--to_skills_projects_underline: #0dddf0;--links_color_hover: #fff;--brightness_and_shadow: #ffffff50;--link_arrows_colors: #cccccc;--links_hr: #cccccc50;--cv_btn_bg: linear-gradient(90deg, #242a2f 25%, #20242a 25%, #20242a 50%, #1d2128 50%, #1d2128 75%, #1b1e24 75%);--underline_links_styles: #56fffc;--glow_to_shadow: 0px 0px 12px 2px #56fffc20, 2px 2px 0px #ffffff20;--glow_to_shadow_hover: 0px 0px 12px 2px #00e39f20, 2px 2px 0px #ffffff10;--about_me_before: #56fffc;--WhatsApp_contact_hover_color: #6eec48;--footer_side_line: #ffffff90;--footer_icons_colors: #d7d7d7;--footer_background: linear-gradient(-2deg, #0e0e0eb6 40%, transparent 80%)}body{overflow-x:hidden;background-image:var(--portfolio_bg_svg);transition:background-image .5s ease;animation-name:moving_bg;animation-duration:100s;animation-play-state:running;animation-iteration-count:infinite}.play_stop_moving_svg{outline:none;width:28px;height:28px;border:none;background:transparent;fill:var(--font_color);stroke:var(--font_color)}.stop_movement{background-image:url(assets/stop-movement.svg);fill:var(--font_color);stroke:var(--font_color);transition:all .1s ease-in;animation-name:moving_bg;animation-duration:1s;animation-iteration-count:infinite;animation-play-state:running}.play_movement{background-image:url(assets/play-circle-fill.svg);transition:all .1s ease-in;animation-name:moving_bg;animation-duration:1s;animation-play-state:paused;animation-iteration-count:infinite}@keyframes moving_bg{0%{background-position:0% 0%}50%{background-position:100% 10%}to{background-position:0% 0%}}.portfolio_container{width:100vw;display:flex;overflow:hidden;align-items:center;flex-direction:column;justify-content:start}.presentation_card_top_line{position:absolute;top:3rem;width:40%}.portfolio_top_half{width:100%;display:flex;flex-direction:row}.portfolio_top_left_side{width:55%;height:100%;display:flex;flex-direction:column}.Andres_Macias_Alvarez_presentation{height:30%;padding:2rem 2rem 0}.Andres_Macias_Alvarez_card_container{width:100%;display:flex;flex-direction:row;margin:0 0 2.6rem}.image_outside_line_container{width:140px;height:180px;background:transparent;border:var(--cyan_border);box-shadow:0 0 6px 4px #00000016}.Andres_Macias_Alvarez_Picture{position:absolute;z-index:5;width:150px;height:185px;transform:translate(10px,10px);background-image:url(/assets/PortfolioAndresMaciasAlvarezImage.35753267.png);background-size:cover}.presentation_card{width:32rem;cursor:default;height:11.5rem;color:#303030;font-size:1.5rem;position:absolute;background:#4CD7EC;padding:.5rem .5rem .5rem 9rem;transform:translate(1.6rem,1.4rem);background-image:url(/assets/PresentationCardBG4.87da2f8c.svg);text-shadow:2px 2px 2px #10101040,40px 10px 0px #ffffff12}.years_of_experience{margin:0;opacity:90%;cursor:default;font-weight:500;font-size:1.2rem;letter-spacing:.8px;color:var(--font_color);transition:color .25s ease}.years_of_experience:hover{text-shadow:0 0 2px #ffffff40}.experience_hr{width:36rem;transform:translate(-12px,-12px);border:1px solid var(--experience_hr)}.skill_projects_CV_btn{width:100%;display:flex;padding:0 0 0 2rem;flex-direction:row;justify-content:flex-start}.skills_projects_container{width:35%;display:flex;gap:.6rem;font-weight:300;font-size:1.7rem;flex-direction:column}.wide_hr{width:6rem;opacity:100%;transform:translate(-15px);border:3.8px solid var(--wide_hr_color)}.skills_projects_link_styles{display:flex;width:100%;gap:.6rem;align-items:center;flex-direction:row;letter-spacing:2px;color:var(--link_arrows_colors);transition:all .4s ease-in-out}.skills_projects_link_styles:hover{transition:all 50ms ease;color:#54e5a9;gap:.8rem}.skills_projects_arrows_styles{transform:translateY(-6px)}.to_skills_page{color:var(--font_color);text-decoration:underline 1.5px solid var(--to_skills_projects_underline);transition:all .25s ease-in-out}.to_skills_page:hover{transition:all 50ms ease;color:var(--links_color_hover);text-decoration:underline 1.5px solid #00e3ae;text-shadow:0 0 4px var(--brightness_and_shadow)}.to_projects_page{color:var(--font_color);text-decoration:underline 1.5px solid var(--to_skills_projects_underline);transition:all .25s ease-in-out}.to_projects_page:hover{transition:all 50ms ease;color:var(--links_color_hover);text-decoration:underline 1.5px solid #00e39f;text-shadow:0 0 4px var(--brightness_and_shadow)}.links_hr{width:80%;opacity:10%;transform:translate(-2%,-1rem);border:2px solid var(--links_hr)}.download_CV_btn_container{width:18rem;padding:0;height:3.5rem;transition:all .45s ease-in-out}.download_CV_btn_container:hover{transition:all .15s ease-in-out;padding:1% 0 0}.download_CV_btn{width:100%;height:3rem;display:flex;gap:1rem;margin:0;color:#56fffc;border-radius:4px;flex-direction:row;align-items:center;background:#303030;justify-content:center;border:1.5px solid #56fffc;box-shadow:var(--glow_to_shadow);background:var(--cv_btn_bg);transition:all .5s ease-in-out}.download_CV_btn:hover{transition:all .15s ease-in-out;color:#00e39f;border:1.5px solid #00e39f;box-shadow:var(--glow_to_shadow_hover)}.download_cv_btn_txt{margin:0;font-size:.9rem;text-shadow:0 0 12px #56fffc60}.english_level_container{width:45%;padding:6% 0 0;color:var(--font_color);text-shadow:0 0 1.5px var(--brightness_and_shadow)}.english_level{margin:0;font-weight:500}.C1{margin:0;font-weight:300;font-size:1.2rem;letter-spacing:4px}.division_hr{width:80%;margin:.6rem .3rem;border:1px solid var(--brightness_and_shadow)}.certificate{margin:0;font-weight:500;letter-spacing:1px}.certificate_link{margin:0;font-size:.9rem;color:var(--font_color);text-decoration:underline 1.5px solid var(--certificate_link_underline)}.certificate_link:hover{transition:all 50ms ease;color:var(--links_color_hover);text-decoration:underline 1.5px solid #00e39f;text-shadow:0 0 4px var(--brightness_and_shadow)}.about_me_container{width:90%;font-size:2rem;font-weight:300;margin:2.5rem 0 10rem;color:var(--font_color);transform:translate(-15px);text-shadow:0 0 1px var(--brightness_and_shadow)}.about_me_outside_line{width:80vw;height:12rem;border-radius:1.5px;background:transparent;border:var(--cyan_border);box-shadow:0 0 6px 4px #00000016}.about_me_outside_line:after{content:"";width:80vw;height:16rem;position:absolute;z-index:6;border-radius:1px;border:var(--cyan_border);transform:translate(30px,20px)}.about_me_outside_line:before{content:"";width:1rem;height:4rem;position:absolute;background:var(--about_me_before);transform:translate(-9px,16px)}.about_me_text{font-weight:400;overflow-y:auto;font-size:1.3rem;overflow-x:hidden;border-radius:2px;line-height:1.8rem;color:var(--font_color);padding:1rem 1rem 0;backdrop-filter:blur(6px);box-shadow:2px 2px 6px 2px #00000030;text-shadow:1px 1px 0px #00000010,0px 2px 4px #00000030;background:linear-gradient(45deg,#edfdff27 0%,#ecfeff49 100%);position:absolute;z-index:10;width:80vw;height:16rem;transform:translate(16px,8px)}.about_me_text::-webkit-scrollbar{width:8px;background:#303030ee}.about_me_text::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d0d0d0 40%,#a2a2a2);box-shadow:0 4px 6px #00000070}.about_me_text::-webkit-scrollbar-thumb:hover{cursor:pointer;background:linear-gradient(180deg,#00c2ff 40%,#388bff 100%)}.about_me_text p::selection{background-color:#0cfff777}.settings_btns_outside_line_container{position:absolute;top:.5rem;right:1rem;z-index:4;width:18rem;height:2.4rem;border-radius:4px;border:1.6px solid var(--settings_outside_line)}.settings_btns_container{position:absolute;z-index:5;width:16rem;height:2.6rem;display:flex;gap:1.6rem;border-radius:4px;align-items:center;flex-direction:row;justify-content:end;padding:0 .6rem 0 0;backdrop-filter:blur(4px);background:var(--settings_bg);transform:translate(.5rem,.4rem);box-shadow:5px 3px 4px 2px var(--settings_shadow);transition:all .5s ease}.switch_mode_class{width:80px;height:30px;border:none;display:flex;cursor:pointer;position:relative;align-items:center;padding:0 2px;flex-direction:row-reverse;justify-content:space-between}.dark{background:url(/assets/simple_dark_mode_switch.28272af4.svg)}.light{background:url(/assets/simple_light_mode_switch.c2219d92.svg)}.language_txt{margin:0;font-weight:300;padding:0 4px 1px 0;color:var(--font_color)}.contact_me_txt_container{cursor:default;padding:0 16px;font-weight:300;line-height:80%;font-size:1.6rem;border:2px solid;border-width:2px;letter-spacing:1px;border-image-slice:1;margin:1rem 0 2rem;color:var(--font_color);border-image-source:linear-gradient(90deg,#00c2ff 40%,#388bff 100%);border-top:none;border-left:none;border-right:none;display:flex;flex-direction:row;gap:1rem;transition:all 1s ease}.contact_me_txt_container svg{transition:all .5s ease;transform:rotate(140deg)}.contact_me_txt_container:hover{transition:all .6s ease;text-shadow:0 0 2px #ffffff40;border-image-source:linear-gradient(90deg,#00ff95 40%,#54e5a9 100%)}.contact_me_txt_container:hover svg{fill:#00e39f;transform:rotate(500deg)}.footer_container{width:100%;height:12rem;display:flex;font-size:1rem;flex-direction:row;justify-content:space-evenly;background:var(--footer_background);border-left:4px solid var(--footer_side_line)}.barely_visible_hr{margin:0;opacity:5%;width:150%;transform:translate(-20%,-8px);border:1px solid var(--brightness_and_shadow)}.contact_item{display:flex;cursor:default;padding:0 0 2px;align-items:center;flex-direction:row;fill:var(--footer_icons_colors);transition:all .25s ease-in-out}.WhatsApp_contact{fill:var(--footer_icons_colors)}.WhatsApp_contact:hover{color:var(--WhatsApp_contact_hover_color);fill:var(--WhatsApp_contact_hover_color)}.LinkedIn_contact:hover{color:#2274d9;fill:#2274d9}.gmail_contact:hover{color:#ec5151;fill:#ec5151}.footer_borders{opacity:11%;transform:translateY(6px);border-left:1px solid var(--font_color);border-right:1px solid var(--font_color)}.contacts_icons{width:25px;height:25px;fill:var(--font_color)}.contact_item_texts{display:flex;text-align:start;flex-direction:column}.contact_item_txt{margin:0;font-weight:500;line-height:1.1rem;padding:0 0 0 .8rem;color:var(--font_color);transition:all .25s ease-in-out}.WhatsAPP_number{cursor:text;font-weight:100;letter-spacing:.5px}.contact_item_link{font-weight:200;font-size:.8rem;text-decoration:underline 1.5px solid var(--underline_links_styles)}.contact_item_link:hover{transition:all 50ms ease;color:var(--links_color_hover);text-decoration:underline 1.5px solid #00e39f;text-shadow:0 0 4px var(--brightness_and_shadow)}@media (max-width: 1038px){body{overflow-x:hidden}.portfolio_top_half{flex-direction:column}.portfolio_top_left_side{width:100%}.Andres_Macias_Alvarez_presentation{padding:5rem 0 0 2rem}.skill_projects_CV_btn{padding:0;justify-content:space-around}.english_level_container{width:100%;padding:6% 0 0 20%}.about_me_outside_line{height:20rem}.about_me_outside_line:after{height:21rem}.about_me_text{height:21rem}}@media (max-width: 830px){.about_me_outside_line{width:89vw}.about_me_text{width:89vw;font-size:1.1rem;line-height:1.4rem}.about_me_outside_line:after{width:89vw}.footer_container{height:15rem;padding:1rem 0 2rem 5rem;flex-direction:column-reverse;justify-content:space-between}}@media (max-width: 600px){.portfolio_top_left_side{align-items:center}.Andres_Macias_Alvarez_presentation{width:100vw;padding:5rem 0 0 calc(var(--index)*1.5)}.presentation_card{width:85%;font-size:calc(var(--index)*1.6);text-shadow:2px 2px 2px #10101040,10px 5px 0px #ffffff12}.years_of_experience{width:80%;padding:0 0 .5rem;margin:1rem 0 2rem;transform:translate(3%);font-size:calc(var(--index) * 1.5);border-bottom:1px solid var(--experience_hr)}.experience_hr{display:none}.skills_projects_container{width:100%}.skill_projects_CV_btn{padding:0 0 0 5%;flex-direction:column}.english_level_container{padding:10% 0 0 8%}.about_me_outside_line{height:68vh}.about_me_text{height:70vh;font-size:1rem}.about_me_outside_line:after{height:70vh}.footer_container{padding:1rem 0 2rem 1rem}}.to_home_or_skills{width:75%;height:5rem;display:flex;letter-spacing:1px;justify-content:space-between;padding:1.5rem 1.5rem 0}.links_in_projects_icon{fill:var(--link_arrows_colors);width:calc(var(--index) * .9);height:calc(var(--index) * .9);transform:rotate(270deg) translate(calc(var(--index) * -.6))}.skill_links_container{display:flex;flex-direction:row;gap:calc(var(--index) * .8);transition:all .15s ease}.skill_links_container:hover{gap:calc(var(--index) * 1.2)}.skill_links_container:hover .links_in_projects_icon{fill:#00e39f}.projects_links{font-weight:300;text-decoration:none;color:var(--font_color);font-size:calc(var(--index) * 1.4);text-decoration:underline 1.5px solid var(--to_skills_projects_underline);transition:all .5s ease-in-out}.projects_links:hover{transition:all .15s ease;text-shadow:0 0 4px #ffffff37;font-size:calc(var(--index) * 1.8);color:var(--links_color_hover);gap:.8rem;text-decoration:underline 2px solid #00e39f}.project_list{padding:calc(var(--index) * 4) calc(var(--index) * 3) 6rem calc(var(--index) * 3);font-size:calc(var(--index) * 2)}.project_list_item{cursor:pointer;display:block;line-height:.9;font-weight:300;text-decoration:none;color:var(--font_color);padding:calc(var(--index) * 3);text-shadow:2px 2px 8px #00000090;border-bottom:1px solid var(--experience_hr);counter-increment:projects-counter}.project_list_item:first-child{border-top:1.5px solid var(--font_color)}.project_list_item:before{opacity:85%;position:absolute;margin-top:-2rem;margin-left:-2.25rem;letter-spacing:1.1px;font-size:calc(var(--index) * .9);content:"0" counter(projects-counter);transition:transform var(--transition);transition-delay:119ms}.project_list_title{min-width:fit-content;width:30%;transition:var(--transition)}.project_list_item:hover .project_list_title,.project_list_item:hover:before{transform:translate3d(-2.5rem,.5rem,0)}.cursor{--width: calc(var(--index) * 22);--height: calc(var(--index) * 14);position:fixed;width:var(--width);height:var(--height);top:calc(var(--height) * -.5);left:calc(var(--width) * -.5);overflow:hidden;transform:translate3d(var(--move-x),var(--move-y),0);transition:transform var(--transition-cursor),height .18s ease;z-index:-1;height:0}.project_image{--cursor-transform: translate3d(calc(var(--move-x) / -5), calc(var(--move-y) / -5), 0);position:relative;width:calc(var(--width) * 2);height:calc(var(--height) * 2);top:calc(var(--height) * -.4);left:calc(var(--width) * -.25);background-size:90%;background-position:center;transform:var(--cursor-transform) scale(1.5);transition:transform var(--transition-cursor)}.project_image_01{background-image:url(/assets/learningaipageimg.6f9fb461.png)}.project_image_02{background-image:url(/assets/dashboardpageimg.3fe72329.png)}.project_image_03{background-image:url(/assets/cartagenainnovadorapageimg.cfbc62aa.png)}.project_list_item:hover .cursor{height:var(--height)}.project_list_item:hover .project_image{transform:var(--cursor-transform) scale(1)}@media (max-width: 1200px){.to_home_or_skills{margin:3rem 0 0}}@media (max-width: 600px){.to_home_or_skills{width:100%}}.skills_container{width:100%;margin:calc(var(--index) * 3) 0 0 0;padding:1rem 1rem 8rem}.knowledge{font-size:calc(var(--index) * 1.5);color:var(--font_color);letter-spacing:1px;margin:0 0 calc(var(--index) * 4) 0;text-shadow:2px 2px 8px #00000020}.skill_items_container{width:100%;display:flex;flex-direction:row;justify-content:center;margin:0 0 calc(var(--index) * 12) 0}.skill_item{width:calc(var(--index) * 12);height:calc(var(--index) * 12);display:flex;flex-direction:column;align-items:center;border-right:1.5px solid var(--link_arrows_colors);transition:all .25s ease-in-out}.skill_item:last-child{border-right:1px solid var(--brightness_and_shadow)}.skill_item:first-child{border-left:1px solid var(--brightness_and_shadow)}.skill_item:hover .skill_name,.skill_item:hover .skill_icon{transform:translateY(calc(var(--index) * -2))}.skill_item:hover .reflection{transform:rotate(-175deg) translate(calc(var(--index) * .4),calc(var(--index) * 1.2))}.skill_item:hover .second_line_skill_icon{transform:rotate(0) translateY(calc(var(--index) * -2))}.skill_item:hover .reflection2{transform:rotate(180deg) translate(0)}.skill_name{cursor:default;font-weight:300;color:var(--font_color);font-size:calc(var(--index) * 1.8);transition:all .15s ease-in-out}.skill_icon{fill:var(--link_arrows_colors);width:calc(var(--index) * 5);transition:all .25s ease-in-out}.reflection{transform:rotate(-175deg) translate(calc(var(--index) * .2),-.6rem);--gradient: linear-gradient(0deg, #cccccc20 0%, #20202002 40%, transparent 99%);-webkit-mask-image:var(--gradient);mask-image:var(--gradient)}.reflection2{transform:rotate(180deg) translateY(-1rem);--gradient: linear-gradient(0deg, #cccccc20 0%, #20202002 40%, transparent 99%);-webkit-mask-image:var(--gradient);mask-image:var(--gradient)}.second_line_skill_icon{width:calc(var(--index) * 4);transition:all .25s ease-in-out}.skills_txt_container{display:flex;flex-direction:column;justify-content:center;align-items:center}.skill_txt_title{font-weight:500;letter-spacing:1px;color:var(--font_color);font-size:calc(var(--index) * 1.5);margin:0 0 calc(var(--index) * 1.6) 0;transition:all .15s ease-in-out}.skill_texts{width:fit-content;text-align:center;font-weight:300;letter-spacing:1px;padding:0 4% 1.1%;color:var(--font_color);font-size:calc(var(--index) * 1.2);margin:0 0 calc(var(--index) * 1) 0;border-bottom:1.5px solid var(--experience_hr);transition:all .15s ease-in-out}@media (max-width: 550px){.skill_items_container{flex-direction:column;align-items:center}.skill_item{border-right:none;padding:calc(var(--index) * .5) 0 0 0;border-top:1.5px solid var(--experience_hr)}.skill_item:last-child{border-right:none;border-bottom:1.5px solid var(--experience_hr)}.skill_item:first-child{border-left:none}.skill_item:hover .skill_name,.skill_item:hover .skill_icon{transform:translate(calc(var(--index) * 2))}.skill_item:hover .reflection{transform:rotate(-175deg) translate(calc(var(--index) * -1.9),-.6rem)}.skill_item:hover .second_line_skill_icon{transform:translate(calc(var(--index) * 2))}.skill_item:hover .reflection2{transform:rotate(180deg) translate(calc(var(--index) * -1.9),-1rem)}}