.app{width:100%;min-height:100vh}.app.light{background-color:var(--primary-color)}.app.dark{background-color:var(--primary-color-dark-mode)}header{width:100%;height:150px}.header-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.header__item{height:100%;width:50%}@media (max-width: 800px){header{height:100px}}.logo-computer-container{display:flex;justify-content:start;align-items:center}.logo-content{cursor:pointer;margin:50px 60px}.logo-content h1{color:#795548}.imagen-computadora{width:80px}@media (max-width: 800px){.logo-computer-container{justify-content:start;align-items:start}.logo-content{margin:30px}.imagen-computadora{width:30px}}.nav-container{z-index:100;position:fixed;display:flex;left:50%;transform:translate(-50%,-50%);height:60px;width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;margin-top:80px}.nav-container.light{background-color:#fcf3cfb3}.nav-container.dark{color:var(--tertiary-color-dark-mode)}.nav-content{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.nav-lista{display:flex;gap:80px}ul{list-style:none}.nav-lista li a,.nav-lista li a :active,.nav-lista li a :focus{cursor:pointer;text-decoration:none!important}.circle-name-selected{position:absolute;border-radius:50px;width:120px;height:42px;transition:all ease .5s}.circle-name-selected.light{background-color:#d5cac7}.circle-name-selected.dark{background-color:#677a69}.nav-item_selected{border-radius:50px;background-color:#d5cac7}li{padding:0 12px;text-align:center}li h3{font-size:16px}.nav-lista .light{color:var(--secondary-color)}.nav-lista .dark{color:var(--tertiary-color-dark-mode)}@media (max-width: 800px){.nav-container{display:none}}.burguer-container{display:flex;justify-content:end}.burguer-content{margin:50px 110px}.burguer-icono{font-size:45px!important}.menu-container{position:absolute!important}.menu-container.light .MuiPaper-root{box-shadow:0 5px 5px #0003!important;background-color:var(--primary-color)!important}.menu-container.dark .MuiPaper-root{box-shadow:0 5px 5px #0003!important;background-color:var(--primary-color-dark-mode)!important}.menu-content{display:flex;gap:20px;margin:20px}@media (max-width: 800px){.burguer-container{display:none}.burguer-content{margin:20px}.burguer-icono{font-size:30px!important}}.mode-container{margin:auto}.mode-content{cursor:pointer}.button-dark-mode{font-size:40px}.button-dark-mode.light{color:var(--secondary-color)}.button-dark-mode.dark{color:var(--tertiary-color-dark-mode)}.languages-container{margin:auto}.languages-content{display:flex;gap:30px}.english-flag,.spanish-flag{cursor:pointer;width:40px}.drawerList{z-index:10000}.menuBurguerResponsive-container{display:flex;justify-content:end}.menuBurguerResponsive_opcion__container{display:flex;flex-direction:row;gap:20px}.menuBurguerResponsive_opcion_second__content{display:flex;align-items:center;justify-content:center;margin:auto;gap:40px}.menuBurguerResponsive__opcion_lista{display:flex;flex-direction:column;margin:50px 0 0;width:100%}.menuBurguerResponsive_opcion{margin-bottom:30px;padding-left:20px}.menuBurguerResponsive__opcion_icono{font-size:30px!important}.menuBurguerResponsive_opcion__text{display:flex;align-items:center;justify-content:center;color:var(--secondary-color)}a{text-decoration:none}.menuBurguerResponsive_languages{width:50px}.menuBurguerResponsive_mode{font-size:50px}@media (min-width: 800px){.menuBurguerResponsive-container{display:none}}footer{margin-top:350px;height:20vh;padding:20px}footer.light{background-color:#e3dcc1}footer.dark{background-color:var(--secondary-color-dark-mode)}.footer-titulo{font-size:15px}.footer-titulo.light{color:var(--secondary-color)}.footer-titulo.dark{color:var(--quaternary-color-dark-mode)}@media (max-width: 800px){footer{margin-top:150px;height:20vh}.footer-titulo{font-size:10px}}h1,h3,p{position:relative}h1 span,h3 span,p span{position:absolute;right:0;width:100%;border-left:5px solid transparent}.light h1 span,.light h3 span,.light p span{background:var(--primary-color)}.dark h1 span,.dark h3 span,.dark p span{background-color:var(--primary-color-dark-mode)}h1 span{animation:escribir .8s steps(16) forwards,aparecer 0s forwards,desaparecer 0s .84s forwards}h3 span{animation:escribir .8s 1s steps(16) forwards,aparecer 0s 1s forwards,desaparecer 0s 1.84s forwards}p span{animation:escribir .8s 2s steps(16) forwards,aparecer 0s 2s forwards,desaparecer 0s 2.84s forwards}@keyframes escribir{0%{width:100%}to{width:0;border-color:transparent}}@keyframes aparecer{0%{border-color:transparent}to{border-color:var(--secondary-color)}}@keyframes desaparecer{0%{border-color:var(--secondary-color)}to{border-color:transparent}}.dark h1 span{animation:escribir-dark .8s steps(16) forwards,aparecer-dark 0s forwards,desaparecer-dark 0s .84s forwards}.dark h3 span{animation:escribir-dark .8s 1s steps(16) forwards,aparecer-dark 0s 1s forwards,desaparecer-dark 0s 1.84s forwards}.dark p span{animation:escribir-dark .8s 2s steps(16) forwards,aparecer-dark 0s 2s forwards,desaparecer-dark 0s 2.84s forwards}@keyframes escribir-dark{0%{width:100%}to{width:0;border-color:transparent}}@keyframes aparecer-dark{0%{border-color:transparent}to{border-color:var(--tertiary-color-dark-mode)}}@keyframes desaparecer-dark{0%{border-color:var(--tertiary-color-dark-mode)}to{border-color:transparent}}.home-container{display:flex;width:100%;height:70vh}.home-content{display:flex;margin:auto;width:90%}.home__item{width:50%}.texto-container{width:70%}.texto-content{display:flex;align-items:center;flex-direction:column;margin:auto;text-align:center}.texto__titulo{font-size:100px}.texto__titulo.light{color:#6d4c41}.texto__titulo.dark{color:var(--tertiary-color-dark-mode)}.texto__subtitulo.light,.texto__descripcion.light{color:#8d6e63}.texto__subtitulo.dark,.texto__descripcion.dark{color:var(--secondary-color-dark-mode)}.texto__subtitulo{width:750px;font-size:50px;margin-bottom:30px}.texto__descripcion{font-size:20px}.home-second-container{width:30%}.home-second-content{display:flex;justify-content:center;height:50%}.icono-container{display:flex;justify-content:center;width:60%}.icono-content{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.home-logo-container{display:flex;align-items:center;justify-content:center;cursor:pointer;width:20%;height:100%}button{cursor:pointer;border:none;background-color:transparent}.home-icono{font-size:40px!important;transition:font-size .3s ease!important}.home-icono:hover{font-size:50px!important}@media (max-width: 800px){.home-content{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.informacion__card{margin:20px}.texto-container{width:100%}.texto-content{gap:10px}.texto__titulo{width:100%;font-size:30px}.texto__subtitulo{width:100%;font-size:20px;margin:0}.texto__descripcion{width:100%;font-size:10px}.icono-content{gap:70px}.home-icono,.home-icono:hover{font-size:40px!important}.imagen-perfil{width:100px!important}}.about-container{width:100%;margin-top:100px}.introduccion-content{display:flex}.sobre-mi-titulo-container{padding:10px 25px}.sobre-mi-container{width:100%}.sobre-mi-content{display:flex;flex-direction:column}.informacion-container{display:flex;align-items:center;justify-content:center;width:70%;padding:0 80px;color:var(--secondary-color)}.sobre-mi-titulo-content{margin:0 0 50px 30px;width:40%}.sobre-mi-titulo-content h3{font-size:35px}.sobre-mi-titulo-content.light h3{color:var(--secondary-color)}.sobre-mi-titulo-content.dark h3{color:var(--tertiary-color-dark-mode)}.informacion__card{display:flex;flex-direction:column;font-size:20px;padding:25px;border-radius:5px;gap:25px}.informacion__card.light{background-color:#e5ddbe}.informacion__card.dark{background-color:var(--tertiary-color-dark-mode)}.informacion__texto{line-height:1.3}.informacion__texto.dark{color:var(--primary-color-dark-mode)}.perfil-container{display:flex;align-items:end;border-radius:20px;width:30%}.perfil-content{padding-top:30px;position:relative;width:350px;height:466px;border-radius:20px}.perfil-fade{position:absolute;width:100%;height:100%}.imagen-perfil{position:absolute;width:100%;border-radius:10% 10% 0 0}.habilidades-experiencia-container{margin-top:600px}.habilidades-experiencia-container.light{background-color:var(--secondary-color)}.habilidades-experiencia-container.dark{background-color:var(--secondary-color-dark-mode)}.habilidades-experiencia-content{display:flex;flex-direction:column;width:100%;gap:20px}.experiencia-titulo-container,.habilidades-titulo-container{display:flex;align-items:center;justify-content:center;width:100%;font-size:35px;margin:50px 0}.habilidades-container{width:100%}.habilidades-content{display:flex;flex-direction:column;align-items:center;height:100%}.habilidades-titulo-container{color:var(--primary-color)}.habilidades-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.habilidades-logo-content{padding:20px;display:flex;justify-content:center;flex-wrap:wrap;max-width:80%}.habilidades-logo-content.light,.experiencia-informacion-content.light{background-color:var(--primary-color)}.habilidades-logo-content.dark,.experiencia-informacion-content.dark{background-color:var(--primary-color-dark-mode)}.logo-container{display:flex;align-items:center;margin:10px 50px}.logo-default{width:80px}.logo-mid{width:130px}.logo-big{width:160px}@media (max-width: 800px){.about-container{margin-top:0}.informacion-container{padding:0;width:100%}.introduccion-container{display:flex;align-items:center;justify-content:center}.introduccion-content{display:flex;align-items:center;justify-content:center;width:90%}.sobre-mi-content{margin-top:100px}.sobre-mi-titulo-content{width:100%;margin:0}.sobre-mi-titulo-content h3{font-size:15px}.perfil-container{display:none}.informacion__card{font-size:10.5px}.habilidades-experiencia-container{margin-top:300px!important}.habilidades-experiencia-content{flex-direction:column;gap:20px}.habilidades-titulo-content h4,.experiencia-titulo{font-size:25px}.habilidades-logo-content{flex-wrap:wrap}}.experiencia-container{width:100%;height:100%}.experiencia-content{height:100%}.titulo.light{color:var(--primary-color)}.titulo.dark{color:var(--quaternary-color-dark-mode);text-shadow:0px 0px 0px rgba(0,0,0,.1)}.experiencia-informacion-container{display:flex;flex-wrap:wrap}.experiencia-informacion-content{display:flex;flex-direction:column;justify-content:center;margin:auto;width:570px;height:400px}.trabajo-content{display:flex;flex-direction:column;padding:0 25px}.trabajo-header{display:flex;flex-wrap:wrap;flex-direction:row;font-size:18px;height:40%}.trabajo-info{display:flex;flex-direction:row;height:60%}.trabajo_separation__header_container{display:flex;justify-content:center;align-items:center}.trabajo_separation__header{margin-top:-4px;font-size:30px;color:#b08879}.trabajo-nombre-container{display:flex;gap:12px;flex-wrap:wrap;width:75%;height:80%;padding:40px 0 0 20px}.trabajo-nombre{margin-right:20px}.trabajo-nombre.light{color:var(--secondary-color)}.trabajo-nombre.dark{color:var(--quaternary-color-dark-mode)}.trabajo-secondary-titulo{font-size:20px}.trabajo-secondary-titulo.light,.trabajo_separation__header.light{color:#b08879}.trabajo-secondary-titulo.dark,.trabajo_separation__header.dark{color:var(--quaternary-color-dark-mode)}.trabajo_tiempo__container{padding:20px 20px 0}.trabajo-parrafo{line-height:1.3;font-size:16px}.trabajo-parrafo.light{color:var(--secondary-color)}.trabajo-parrafo.dark{color:var(--quaternary-color-dark-mode)}.empresa-imagen-container{display:flex;width:25%}.empresa-imagen-content{margin:auto}.byma-logo,.flex-tech-logo{width:100px}.bh-logo{width:130px}@media (max-width: 800px){.experiencia-informacion-container{gap:50px}.experiencia-informacion-content{width:92vw;height:auto;padding-bottom:10px}.trabajo-header{gap:10px;flex-wrap:nowrap;padding:20px 20px 0}.trabajo-nombre-container{padding:0}.trabajo_separation__header{font-size:20px}.trabajo-secondary-titulo-container{display:flex;padding-left:15px;margin-bottom:-5px;gap:2px}.trabajo-nombre{font-size:15px}.trabajo-secondary-titulo-container h3{font-size:13px}.trabajo-parrafo{font-size:10px}.trabajo-content{padding:10px 5px 15px 15px}.trabajo-secondary-titulo{font-size:14px}.byma-logo,.flex-tech-logo,.bh-logo{width:50px}.habilidades-logo-content{gap:25px}.logo-container{margin:0}.logo-default{width:40px}.logo-big{width:80px}.logo-mid{width:60px}}.titulo-main-container{display:flex;height:200px}.titulo-main-content{margin:auto}.titulo-main{font-size:40px}.titulo-main.light{color:var(--secondary-color)}.titulo-main.dark{color:var(--tertiary-color-dark-mode)}.lista-proyectos-content{margin:50px 0}@media (max-width: 800px){.proyecto-container{margin-bottom:300px}.titulo-main-container{height:100px}.titulo-main{font-size:20px}}.card-project-container{position:relative;box-shadow:2px 2px 2px 2px #0003;border-radius:10px;width:80%;margin:auto;padding:30px 30px 10px;cursor:pointer;transition:all .5s ease}.card-icono-development{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s ease;color:#4e4e4e}.icono-development{font-size:60px}.icono-development-text{font-size:20px}.icono-development.light,.icono-development-text.light{color:#9c7567}.icono-development.dark,.icono-development-text.dark{color:var(--quaternary-color-dark-mode)}.card-project-container-disabled{transition:all .3s ease;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background-color:#0003;width:100%;height:100%;opacity:0;z-index:100000}.card-project-container:hover{box-shadow:4px 4px 4px 4px #0003;transform:translateY(-4px)}.card-project-container:hover .card-icono-development,.card-project-container:hover .card-project-container-disabled{opacity:1}.card-project-container:hover .card-project-info,.card-project-container:hover .card-project-logo{opacity:.2}.card-project-content{position:relative;display:flex;flex-direction:column}.card-project-info{display:flex;flex-direction:column;gap:20px}.card-project-info.light{color:var(--secondary-color)}.card-project-info.dark{color:var(--quaternary-color-dark-mode)}.card-header{display:flex;margin-bottom:10px;gap:60px}.card-body{display:flex}.card-titulo{font-size:28px}.card-titulo.light{color:var(--secondary-color)}.card-titulo.dark{color:var(--quaternary-color-dark-mode)}.card-project-logo{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;width:35%;font-size:28px}.lista-tools{display:flex;color:var(--secondary-color)}.card-icono-default{font-size:40px}.card-icono-default.light,.card-project-logo.light{color:var(--secondary-color)}.card-icono-default.dark,.card-project-logo.dark{color:var(--tertiary-color-dark-mode)}.card-icono-development-responsive{display:none}@media (max-width: 800px){.card-titulo{font-size:20px}.card-project-info p{font-size:12px}.card-project-container{padding-right:0}.card-project-container:hover{transform:translateY(0)}.card-project-logo{font-size:20px;justify-content:center;margin:0 25px}.card-project-container:hover .card-project-info,.card-project-container:hover .card-project-logo{opacity:1}.card-project-container-disabled,.disabled{background-color:transparent;box-shadow:2px 2px 2px 2px #0003}.card-icono-development,.card-project-container-disabled{display:none}.card-icono-development-responsive{color:var(--secondary-color);display:flex;gap:5px}.icono-development{font-size:16px}.icono-development-text{text-align:center;font-size:12px}.icono-development-text-container{text-align:center}}.contact-container{display:flex;align-items:center;justify-content:center;width:100%}label,.contact-titulo{color:var(--secondary-color)}.contact-titulo{font-size:35px}.form-container{margin-top:50px}input{padding:10px;color:var(--secondary-color);background-color:#e5ddbe;border:none;width:300px}input::placeholder{color:#be9282}input:focus{outline:none}.form-content{display:flex;flex-direction:column;gap:60px}.input-default{height:30px}.input-mensaje{height:100px}.input-mensaje::placeholder{transform:translateY(-30px)}.input-mensaje:focus::placeholder{visibility:hidden}:root{--primary-color: #FCF3CF;--secondary-color: #795548;--primary-color-dark-mode: #3a4b3d;--secondary-color-dark-mode: #6f8571;--tertiary-color-dark-mode: #96b89c;--quaternary-color-dark-mode: #aec7b2 }@font-face{font-family:MiFuente;src:url(/portafolio/assets/CourierPrime-Regular-BpSU6fVE.ttf)}*{margin:0;padding:0;box-sizing:border-box;font-family:MiFuente,sans-serif}body{padding:0!important;overflow:auto!important}body.light::-webkit-scrollbar{width:15px}body.light::-webkit-scrollbar-track{background:#dfd5aa}body.light::-webkit-scrollbar-thumb{border-radius:20px;background:var(--secondary-color)}body.light::-webkit-scrollbar-thumb:hover{background:#555}body.dark::-webkit-scrollbar{width:15px}body.dark::-webkit-scrollbar-track{background:var(--secondary-color-dark-mode)}body.dark::-webkit-scrollbar-thumb{border-radius:20px;background:var(--quaternary-color-dark-mode)}body.dark::-webkit-scrollbar-thumb:hover{background:var(--tertiary-color-dark-mode)}#root{height:100%;width:100%}.icono-default__color.light{color:var(--secondary-color)}.icono-default__color.dark{color:var(--tertiary-color-dark-mode)}.icono-default__mid{font-size:50px!important}.dark-mode-color-prim{color:var(--primary-color-dark-mode)}.dark-mode-color-sec{color:var(--secondary-color-dark-mode)}.dark-mode-color-third{color:var(--tertiary-color-dark-mode)}.dark-mode-background-color-sec{background-color:var(--secondary-color-dark-mode)}.dark-mode-background-color-third{background-color:var( --tertiary-color-dark-mode)}