@import"https://fonts.googleapis.com/css2?family=Onest:wght@400;700&display=swap";:root{--darkBackground: #272733;--darkTextColor: #f5f5f5;--darkTextMuted: #a0a0a0;--darkInputColor: #585870;--lightBackground: #fafafa;--lightTextColor: #1e1e1e;--lightTextMuted: #a0a0a0;--lightInputColor: #f5f5f5;--textaccent: #ffa500;--primaryButton: #208b59;--secondButton: #6464e9;--errorcolor: #e04848}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}#app{background-color:var(--darkBackground);display:flex;justify-content:center;align-items:center;font-family:Onest,sans-serif;transition:ease .2s}#app[theme=light]{background-color:var(--lightBackground)}#app[theme=light] h1{color:#1e1e1e}#app[theme=light] p,#app[theme=light] label{color:var(--lightTextColor)}#app[theme=light] input,#app[theme=light] textarea{color:var(--lightTextColor);background-color:var(--lightInputColor)}#app[theme=light] .project{background-color:var(--lightInputColor);color:var(--lightTextColor)}#app[theme=light] .project .pageinfo p{color:var(--lightTextColor)!important}#app[theme=light] header .mystatus .resume p{color:var(--darkTextColor)!important}#app[theme=light] .timeline-content p{margin-top:rem;color:var(--lightTextColor)}#app[theme=light] .research{background-color:var(--lightInputColor)}#app[theme=light] .research .title h3{color:var(--lightTextColor)}#app[theme=light] .research p{color:var(--lightTextMuted)!important}#Portfolio{width:800px}nav .Navigation-ham{display:none;transition:1s ease-in-out}nav ul{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0rem;list-style:none;align-items:center;justify-content:space-between}nav ul .menuitemtrigger{display:none}nav ul .menuitemtrigger img{width:40px}nav ul .Navigation{display:flex;gap:2rem}nav ul .Navigation a{text-decoration:none;color:var(--textaccent)}nav ul .Navigation li{position:relative;display:inline-block}nav ul .Navigation li:before{transition:ease-in-out .5s;height:3px;content:"";position:absolute;border-radius:5px;background-color:orange;width:0%;bottom:-3px}nav ul .Navigation li:hover:before{width:100%}nav ul .ManuandHam{display:flex;flex-wrap:wrap}nav ul .ThemeSelector{cursor:pointer}nav ul .ThemeSelector img{width:40px;height:40px}.MenuLenguage .flag{width:40px}.MenuLenguage .menu{display:flex;gap:1rem}.MenuLenguage .flag-menu{width:20px}.MenuLenguage .flagen{width:40px;height:30px}.MenuLenguage .css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper,.MenuLenguage .css-pwxzbm{background-color:transparent;box-shadow:none}header{margin-top:2rem;display:flex;align-items:center}header figure{height:fit-content;border-radius:50%}header figure img{border-radius:50%;width:200px}header .content{margin-left:3rem}header .content h1{font-size:50px;color:var(--darkTextColor)}header .content .social{display:flex;gap:1rem}header .content .social p{color:var(--textaccent)!important}header .mystatus{margin-top:1rem;display:flex;align-items:center;gap:1rem}header .mystatus .avilable{display:flex;align-items:center;border-radius:5px;padding:.5rem 1rem;height:fit-content;gap:.5rem;background-color:var(--primaryButton);color:var(--darkTextColor)!important}header .mystatus .close{display:flex;align-items:center;border-radius:5px;padding:.5rem 1rem;height:fit-content;gap:.5rem;background-color:var(--errorcolor);color:var(--darkTextColor)!important}header .mystatus .resume{cursor:pointer;border-radius:5px;padding:.5rem 1rem;height:fit-content;background-color:var(--secondButton);display:flex;align-items:center;gap:.5rem;transition:ease-out .3s}header .mystatus .resume p{color:var(--darkTextColor)}header .mystatus .resume:hover{transform:scale(1.05)}#Aboutme{margin-top:4rem}#Aboutme h2{font-size:30px;color:var(--textaccent)!important;margin-bottom:1rem}#Aboutme p{color:var(--darkTextColor);line-height:1.6}#Aboutme .accenttext{color:var(--textaccent)}#professional{margin-top:4rem}#professional h2{font-size:30px;color:var(--textaccent)!important;margin-bottom:1rem}#professional .timeline-content h3{color:var(--textaccent)!important}#professional .timeline-content p{margin-top:rem;color:var(--darkTextColor)}#professional .timeline-content .position-from{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-weight:700}#professional .timeline-content .description{text-align:start;text-wrap:wrap}#professional button{background-color:var(--textaccent);color:var(--darkBackground);text-transform:capitalize}#professional .MuiStack-root,#professional .css-pl8gqh-MuiStack-root{display:flex;margin-top:2rem;justify-content:end}#Projects{margin-top:2rem}#Projects h2{font-size:30px;color:var(--textaccent)!important;margin-bottom:1rem}#Projects .projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;margin-top:2rem}#Projects .project{position:relative;background-color:var(--darkInputColor);border-radius:5px;padding:1rem;transition:opacity .6s ease;cursor:pointer}#Projects .projects:hover>:not(:hover){opacity:.5}#Projects .titleandlink{margin-bottom:2px;display:flex;justify-content:space-between}#Projects .titleandlink img{width:15px}#Projects .titleandlink h3{color:var(--textaccent)}#Projects .pageinfo{margin-top:.5rem;font-size:13px}#Projects .pageinfo p{color:var(--lightBackground)!important}#Projects .techs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:.5rem;gap:5px}#Projects .techs .tech{border:1px solid var(--textaccent)!important;color:var(--darkTextColor);padding:.1rem .5rem;border-radius:5px;font-size:13px}#Projects button{background-color:var(--textaccent);color:var(--darkBackground);text-transform:capitalize}#Projects .MuiStack-root,#Projects .css-pl8gqh-MuiStack-root{display:flex;margin-top:2rem;justify-content:end}#Research{margin-top:2rem}#Research h2{font-size:30px;color:var(--textaccent)!important;margin-bottom:1rem}#Research .researches{display:grid;gap:.5rem;margin-top:2rem}#Research .research{position:relative;background-color:var(--darkInputColor);border-radius:5px;padding:1rem;transition:opacity .6s ease}#Research .researches:hover>:not(:hover){opacity:.5}#Research .title{margin-bottom:2px}#Research .title h3{color:var(--darkTextColor);font-weight:700}#Research .authors{margin-top:.5rem;font-size:15px}#Research p{color:var(--darkTextMuted)!important}#Research .publicationInfo{margin-top:.5rem;font-size:15px}#Research .publicationInfo .event{margin-bottom:.4rem}#Research .publicationInfo .eventPlace{display:flex;gap:.5rem}#Research .publicationInfo .title{font-weight:700!important}#Research .publicationInfo .ISBN .id{text-decoration:underline}#Research button{background-color:var(--textaccent);color:var(--darkBackground);text-transform:capitalize}#Research .MuiStack-root,#Research .css-pl8gqh-MuiStack-root{display:flex;margin-top:2rem;justify-content:end}#Skills h2{color:var(--textaccent)!important;font-size:30px;margin-bottom:2rem;margin-top:2rem}#Skills .scroller{max-width:100%}#Skills .scroller .scroller__inner{padding-block:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;list-style:none;gap:7rem}#Skills .scroller .scroller__inner img{width:100px}#Skills .scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}#Skills .scroller[data-animated=true] .scroller__inner{width:5700px;flex-wrap:nowrap;animation:scroll 15s linear infinite}#Skills .scroller[data-animated=true] .scroller__inner:hover{animation-play-state:paused}@keyframes scroll{to{transform:translate(calc(-50% - 3.5rem));-webkit-transform:translate(calc(-50% - 3.5rem));-moz-transform:translate(calc(-50% - 3.5rem))}}#contact{margin-top:2rem}#contact .error{margin-top:.5rem;color:var(--errorcolor)}#contact .email{width:100%!important}#contact .css-1d3z3hw-MuiOutlinedInput-notchedOutline,#contact .css-igs3ac{border:none!important}#contact .css-1u3bzj6-MuiFormControl-root-MuiTextField-root{width:100%}#contact h2{font-size:30px;color:var(--textaccent)!important}#contact .css-xn6ruc{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem}#contact label{color:var(--darkTextColor)}#contact .css-i44wyl{width:100%}#contact input,#contact textarea{background-color:var(--darkInputColor);border-radius:5px;color:var(--darkTextColor);padding-top:1rem}#contact input fieldset,#contact textarea fieldset{border:none}#contact textarea{padding:1rem}#contact .css-1hof3tc{padding:0}#contact .message{width:100%!important}#contact .message .css-dpjnhs-MuiInputBase-root-MuiOutlinedInput-root{padding:0}#contact button{background-color:var(--primaryButton)}footer{display:flex;flex-direction:column;align-items:center;margin:2rem 0}footer hr{border:none!important;height:1px;background-color:var(--textaccent);width:90%;margin-bottom:1rem}footer article{width:90%;display:flex;align-items:center;justify-content:space-between}footer article p{color:var(--darkTextColor)}footer article a{text-decoration:none;color:var(--textaccent)}footer article figure{display:flex;cursor:pointer;outline:#ffa500 solid 1px;border-radius:5px;padding:.3rem .3rem .1rem;transition:ease-in-out .2s}footer article figure .arrowUp{height:15px;width:15px}footer article figure:hover{transform:scale(1.2)}@media screen and (max-width: 800px){#Portfolio{width:100%}#app{padding:2rem}#Projects .projects{justify-content:center}}@media screen and (max-width: 615px){nav{margin-top:0rem}nav ul{margin:0rem}nav ul .menuitemtrigger{display:flex}nav ul .Navigation{display:none}.Navigation-ham.is-open{display:flex;justify-content:center;margin-top:2rem}.Navigation-ham.is-open a{text-decoration:none;color:var(--textaccent)}.content{margin-left:0!important}header{width:100%;flex-direction:column}header h1{font-size:20px}header .social,header .mystatus{justify-content:center}#Skills .scroller .scroller__inner{gap:2rem}#Skills .scroller .scroller__inner img{width:50px}.scroller[data-animated=true] .scroller__inner{width:2270px!important}.scroller[data-animated=true] .scroller__inner:hover{animation-play-state:running!important}@keyframes scroll{to{transform:translate(calc(-50% - 1rem))}}footer{margin:0rem 0}footer figure{padding:.3rem .3rem .1rem}footer figure .arrowUp{height:10px!important;width:10px!important}}@media screen and (max-width: 425px){#Portfolio{width:100%}.mystatus{font-size:12px}.content h1{font-size:40px!important}#Projects .projects{justify-content:center}#Projects .projects .projectimga{width:100%}#Projects .projectHover{height:100%;width:100%}#Projects .projectHover p{font-size:12px}#Projects .projectHover .techs{flex-wrap:wrap}#Projects .projectHover .techs .techicon{width:20px}.scroller[data-animated=true] .scroller__inner:hover{animation-play-state:running!important}}