:root{--gold-color:rgb(163, 122, 21) ;--black-color: rgb(23, 23, 23);--blacker-color: rgb(9, 9, 9);--width-html: 95%;--width-css: 95%;--width-js: 90%;--width-ts: 90%;--width-angular: 80%;--width-react: 95%;--width-node: 80%;--width-mysql: 90%;--width-java: 60%;--width-mongodb: 80%;--width-docker: 80%;--width-php: 90%;--width-git: 80%;--width-aws: 99%;--width-azure: 50%;--width-googlecloud: 10%;--width-python: 95%;--width-googlescripts:90%;--width-heroku: 50%;--width-photoshop: 50%;--width-aftereffects: 50%;--width-figma: 50%;--width-sublime: 50%;--width-kotlin: 95%;--width-kubernetes: 95%}html{width:100%;height:100%}li{list-style-type:none}body{width:100%;height:100%;background-color:var(--black-color)}.button-display-option{background-color:#17171700;border:0px}.button-menu{padding:.5rem;background-color:#0000;border:0px;z-index:0}@media (max-width: 800px){.button-menu{padding:.5rem;background-color:#0000;border:0px;position:relative;z-index:0}}.selection-profile{display:grid;min-width:30rem;min-height:30rem;grid-template-columns:.5fr .5fr .5fr;grid-template-rows:.5fr .5fr .5fr;gap:0px 0px;grid-template-areas:". education ." "job img aboutme" "webstack github language";animation:Appears 1.5s}.selection-img{display:flex;align-items:center;justify-content:center;grid-area:img}.github{display:flex;align-items:center;grid-area:github;margin-top:2rem;justify-content:center;animation:MovingGithub;animation-duration:.5s;z-index:0;background-color:#0000;border:0px;margin:0}.job{display:flex;align-items:center;justify-content:center;grid-area:job;justify-content:right;margin-right:1rem;z-index:0;animation:MovingJob;animation-duration:.5s;background-color:#0000;border:0px;margin:0}.github img{cursor:pointer}.language img:hover,.github img:hover,.webstack img:hover,.aboutme img:hover,.education img:hover,.job img:hover{filter:brightness(1.2)}.education{display:flex;align-items:center;grid-area:education;justify-content:center;margin-bottom:1rem;z-index:0;animation:MovingEducation;animation-duration:.5s;background-color:#0000;border:0px;margin:0}.aboutme{display:flex;align-items:center;justify-content:left;grid-area:aboutme;margin-left:1rem;z-index:0;animation:MovingMe;animation-duration:.5s;background-color:#0000;border:0px;margin:0}.language{display:flex;align-items:center;justify-content:left;grid-area:language;z-index:0;animation:MovingLanguages;animation-duration:.5s;background-color:#0000;border:0px;margin:0}.webstack{display:flex;align-items:center;justify-content:center;grid-area:webstack;justify-content:right;animation:MovingWebstack;animation-duration:.5s;background-color:#0000;border:0px;z-index:0;margin:0}.github-hidden{display:flex;align-items:center;grid-area:github;margin-top:2rem;justify-content:center;animation:MovingGithubHidden .5s forwards;animation-duration:.5s;z-index:-1;margin:0}.job-hidden{display:flex;align-items:center;justify-content:center;grid-area:job;justify-content:right;margin-right:1rem;z-index:-1;animation:MovingJobHidden .5s forwards;animation-duration:.5s;margin:0}.education-hidden{display:flex;align-items:center;grid-area:education;justify-content:center;margin-bottom:1rem;z-index:-1;animation:MovingEducationHidden .5s forwards;animation-duration:.5s;margin:0}.aboutme-hidden{display:flex;align-items:center;justify-content:left;grid-area:aboutme;margin-left:1rem;z-index:-1;animation:MovingMeHidden .5s forwards;animation-duration:.5s;margin:0}.language-hidden{display:flex;align-items:center;justify-content:left;grid-area:language;z-index:-1;animation:MovingLanguagesHidden .5s forwards;animation-duration:.5s;margin:0}.webstack-hidden{display:flex;align-items:center;justify-content:center;grid-area:webstack;justify-content:right;animation:MovingWebstackHidden .5s forwards;animation-duration:.5s;z-index:-1;margin:0}@keyframes MovingGithub{0%{transform:translateY(-150%)}50%{opacity:1}to{transform:translateY(0)}}@keyframes MovingWebstack{0%{transform:translate(100%,-100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingJob{0%{transform:translate(100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingEducation{0%{transform:translateY(100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingMe{0%{transform:translate(-100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingLanguages{0%{transform:translate(-100%,-100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingGithubHidden{0%{opacity:0;display:block;transform:translateY(0);visibility:visible}50%{opacity:1}to{transform:translateY(-150%);visibility:hidden}}@keyframes MovingWebstackHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translate(100%,-150%);visibility:hidden}}@keyframes MovingJobHidden{0%{opacity:0;translate:(0,0);visibility:visible}50%{opacity:1}to{transform:translate(100%);visibility:hidden}}@keyframes MovingEducationHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translateY(150%);visibility:hidden}}@keyframes MovingMeHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translate(-100%);visibility:hidden}}@keyframes MovingLanguagesHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translate(-100%,-150%);visibility:hidden}}@media (max-width:800px){.selection-img{width:200px;scale:70%}.job,.education,.aboutme,.github{scale:70%}.webstack,.language{scale:60%}@keyframes MovingGithub{0%{transform:translateY(-150%)}50%{opacity:1}to{transform:translateY(0)}}@keyframes MovingWebstack{0%{transform:translate(100%,-100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingJob{0%{transform:translate(100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingEducation{0%{transform:translateY(100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingMe{0%{transform:translate(-100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingLanguages{0%{transform:translate(-100%,-100%)}50%{opacity:1}to{transform:translate(0)}}@keyframes MovingGithubHidden{0%{opacity:0;display:block;transform:translateY(0);visibility:visible}50%{opacity:1}to{transform:translateY(-150%);visibility:hidden}}@keyframes MovingWebstackHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translate(100%,-150%);visibility:hidden}}@keyframes MovingJobHidden{0%{opacity:0;translate:(0,0);visibility:visible}50%{opacity:1}to{transform:translate(100%);visibility:hidden}}@keyframes MovingEducationHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translateY(150%);visibility:hidden}}@keyframes MovingMeHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translate(-100%);visibility:hidden}}@keyframes MovingLanguagesHidden{0%{opacity:0;transform:translate(0);visibility:visible}50%{opacity:1}to{transform:translate(-100%,-150%);visibility:hidden}}}.profile-img{border:5px solid black;border-radius:100%;background-color:#000}.button-profile-img{background-color:#17171700;border:0px;z-index:999}.button-profile-img:focus{animation-duration:.4s}@keyframes GrowUp{0%{transform:scale(1)}to{transform:scale(1.05)}}.detail-profile-img{border:5px solid black;border-radius:100%;background-color:#000;width:222px;height:222px;animation:Appears .3s forwards}.img-container{display:flex;align-items:center;justify-content:right}.details-container{display:flex;align-items:center;justify-content:center;width:100%;max-height:80%;z-index:4;scrollbar-color:var(--gold-color)}.colProfileImg{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;width:90%;height:80%;animation:Appears .3s forwards;padding:0;max-width:60%;position:fixed;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.colDetails{gap:2rem}.title-selection{display:flex;align-items:center;justify-content:center;font-weight:1000;color:#111;background-color:#a37a15;border-radius:20px;min-height:2rem}@media (max-width:800px){.details-container{display:flex;align-items:center;justify-content:center;max-width:100vw;max-height:100vh;width:100vw;height:100vh;position:fixed;padding:.5rem;left:50%;top:50%;z-index:4;transform:translate(-50%) translateY(-55%);scrollbar-color:var(--gold-color);overflow-x:hidden}.details:before{opacity:0}.img-container{display:none}}.details{background-color:var(--blacker-color);color:var(--gold-color);width:100%;border-radius:1rem;margin-top:4rem}.details:before{content:"";transform:translate(-190%) translateY(400%);border-width:20px 20px 0px 40px;border-style:solid;rotate:-40deg;border-color:var(--blacker-color) transparent;display:block;width:0}.button-zone{display:flex;align-items:right;justify-content:right;padding:.1em}.close-button{border-radius:1rem;background-color:var(--blacker-color);border:0px;display:flex;align-items:right;justify-content:right;padding-top:5px;padding-right:5px}.close-button svg{border-radius:1rem;padding:5px;margin:0;background-color:var(--blacker-color)}.title{display:flex;align-items:left;justify-content:left;z-index:1;background-color:var(--blacker-color);color:var(--gold-color);border:0px;margin:0;padding:10px;margin-left:2rem}.title:hover{animation:TitleHover .3s forwards}.title:focus{background-color:var(--gold-color);color:#111;width:90%;border-radius:5px}.title h2{margin:0}.details-job{margin-bottom:20px;max-width:100%}.DetailsTITLE{list-style:none}.detailsDETAILS{padding:10px;border-radius:10px;width:85%;list-style:none;color:#111;background-color:var(--gold-color)}.detailsDETAILS li{display:flex;align-items:center;margin:10px}.container-details-bars{display:flex;align-items:center;justify-content:center;margin-top:10px;padding-bottom:20px;border-radius:10px;background-color:var(--blacker-color)}.icon-selection{opacity:0;display:flex;align-items:center;justify-content:right;padding:5px;background-color:var(--blacker-color)}.icon-selection svg path{display:flex;align-items:flex-end;justify-content:right;padding:5px;width:30px;height:90px;background-color:var(--blacker-color)}.skill-bar{border-radius:10px;background-color:#f7f7f7;width:100%}.skill-icon{display:flex;align-items:center;min-width:50px;justify-content:center}.skill-bar p{color:var(--gold-color);font-weight:1000;display:flex;align-items:center;justify-content:center;z-index:2;margin-top:-20px}.fill-bar-java{color:#1110;z-index:1;border-radius:10px;width:var(--width-html);animation:SkillBarMovement-JAVA 1s forwards;padding:2px;background-color:#000}.fill-bar-html{color:#1110;z-index:1;border-radius:10px;width:var(--width-html);animation:SkillBarMovement-HTML 1s forwards;padding:2px;background-color:#000}.fill-bar-css{color:#1110;z-index:1;border-radius:10px;width:var(--width-css);animation:SkillBarMovement-CSS 1s forwards;padding:2px;background-color:#000}.fill-bar-php{color:#1110;z-index:1;border-radius:10px;width:var(--width-php);animation:SkillBarMovement-PHP 1s forwards;padding:2px;background-color:#000}.fill-bar-js{color:#1110;z-index:1;border-radius:10px;width:var(--width-js);animation:SkillBarMovement-JS 1s forwards;padding:2px;background-color:#000}.fill-bar-ts{color:#1110;z-index:1;border-radius:10px;width:var(--width-ts);animation:SkillBarMovement-TS 1s forwards;padding:2px;background-color:#000}.fill-bar-angular{color:#1110;z-index:1;border-radius:10px;width:var(--width-angular);animation:SkillBarMovement-ANGULAR 1s forwards;padding:2px;background-color:#000}.fill-bar-react{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-REACT 1s forwards;padding:2px;background-color:#000}.fill-bar-node{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-NODE 1s forwards;padding:2px;background-color:#000}.fill-bar-mysql{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-MYSQL 1s forwards;padding:2px;background-color:#000}.fill-bar-mongodb{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-MONGODB 1s forwards;padding:2px;background-color:#000}.fill-bar-docker{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-DOCKER 1s forwards;padding:2px;background-color:#000}.fill-bar-aws{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-AWS 1s forwards;padding:2px;background-color:#000}.fill-bar-azure{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-AZURE 1s forwards;padding:2px;background-color:#000}.fill-bar-googlecloud{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-GOOGLECLOUD 1s forwards;padding:2px;background-color:#000}.fill-bar-python{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-PYTHON 1s forwards;padding:2px;background-color:#000}.fill-bar-googlescripts{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-GOOGLESCRIPTS 1s forwards;padding:2px;background-color:#000}.fill-bar-kotlin{color:#1110;z-index:1;border-radius:10px;width:var(--width-react);animation:SkillBarMovement-Kotlin 1s forwards;padding:2px;background-color:#000}.fill-bar-kubernetes{color:#1110;z-index:1;border-radius:10px;width:var(--width-kubernetes);animation:SkillBarMovement-kubernetes 1s forwards;padding:2px;background-color:#000}@keyframes TitleHover{0%{background-color:#111;color:var(--gold-color);width:90%;border-radius:5px}to{background-color:var(--gold-color);color:#111;width:90%;border-radius:5px}}@keyframes SkillBarMovement-HTML{0%{width:0%}to{width:var(--width-html)}}@keyframes SkillBarMovement-CSS{0%{width:0%}to{width:var(--width-css)}}@keyframes SkillBarMovement-JS{0%{width:0%}to{width:var(--width-js)}}@keyframes SkillBarMovement-TS{0%{width:0%}to{width:var(--width-ts)}}@keyframes SkillBarMovement-ANGULAR{0%{width:0%}to{width:var(--width-angular)}}@keyframes SkillBarMovement-REACT{0%{width:0%}to{width:var(--width-react)}}@keyframes SkillBarMovement-NODE{0%{width:0%}to{width:var(--width-node)}}@keyframes SkillBarMovement-MYSQL{0%{width:0%}to{width:var(--width-mysql)}}@keyframes SkillBarMovement-MONGODB{0%{width:0%}to{width:var(--width-mongodb)}}@keyframes SkillBarMovement-DOCKER{0%{width:0%}to{width:var(--width-docker)}}@keyframes SkillBarMovement-AWS{0%{width:0%}to{width:var(--width-aws)}}@keyframes SkillBarMovement-AZURE{0%{width:0%}to{width:var(--width-azure)}}@keyframes SkillBarMovement-GOOGLECLOUD{0%{width:0%}to{width:var(--width-googlecloud)}}@keyframes SkillBarMovement-PYTHON{0%{width:0%}to{width:var(--width-python)}}@keyframes SkillBarMovement-GOOGLESCRIPTS{0%{width:0%}to{width:var(--width-googlescripts)}}@keyframes SkillBarMovement-JAVA{0%{width:0%}to{width:var(--width-java)}}@keyframes SkillBarMovement-PHP{0%{width:0%}to{width:var(--width-php)}}@keyframes SkillBarMovement-Kotlin{0%{width:0%}to{width:var(--width-kotlin)}}@keyframes SkillBarMovement-kubernetes{0%{width:0%}to{width:var(--width-kubernetes)}}.job-button{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:90%;margin:5px;padding:0}.job-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:100%;height:100%;border-radius:1rem}.job-button:hover{animation:TitleHover .3s forwards}.job-title{font-size:24px;font-weight:1000;padding:5px}.job-period{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:90%;margin:5px;animation:Appears .3s forwards}.job-description{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);font-stretch:expanded;border:0px;width:90%;margin:5px;animation:Appears .3s forwards}@keyframes Appears{0%{opacity:0}to{opacity:1}}.language-container-title{display:flex;align-items:center;justify-content:center;margin:0}.language-container{padding:10px}.language-container li{display:flex;align-items:center;justify-content:center;background-color:var(--gold-color);color:var(--black-color);padding:.5rem;font-weight:700;margin:10px;border-radius:20px}.language-container li p{margin-left:10px;z-index:-1;position:fixed}.details-me-title h2{display:flex;align-items:center;justify-content:center}.TypeAnimationContainer{display:flex;align-items:center;justify-content:center;padding:20px}.navbar{width:100%;display:flex;align-items:right;justify-content:right}.containerMenu{padding:0;position:fixed;left:50%;top:50%;transform:translate(-50%) translateY(-60%)}.containerDetail{padding:0;position:fixed;width:90%;height:100%;max-width:60%;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.footer{position:fixed;left:0;bottom:0;width:auto;color:#fff;text-align:left;padding:1rem;z-index:1;width:100%}.footer img{cursor:pointer;min-width:40px;z-index:0}.footer-button{display:flex;justify-content:space-between}.sidenav{height:100%;width:auto;max-width:40%;position:fixed;z-index:999;background-color:var(--blacker-color);color:var(--gold-color);top:0;right:0;overflow-x:hidden;transition:.3s;padding-top:10px;animation:slide .3s forwards}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 800px){.sidenav{max-width:100%}.footer{position:fixed;left:0;bottom:0;width:100%;color:#fff;text-align:left;padding:1rem;z-index:0}.footer-button{display:flex;justify-content:space-between}}.sidenav-about-button{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:90%;margin:5px;padding:10px}.sidenav-about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:100%;height:100%;border-radius:1rem;animation:slowappears .3s linear forwards}.sidenav-about-button:hover{animation:TitleHover .3s forwards}.sidenav-about-title{font-size:24px;font-weight:1000}.sidenav-about-period{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:90%;margin:5px;animation:Appears .3s forwards}.sidenav-about-description{display:flex;align-items:left;justify-content:left;gap:2px;background-color:var(--blacker-color);color:#cdcdcd;font-stretch:expanded;border:0px;width:90%;margin:5px;animation:Appears .3s forwards}@keyframes slowappears{0%{opacity:0}to{opacity:1}}.sidenav-projects-button{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:90%;margin:5px;padding:10px}.sidenav-projects-container{display:flex;flex-direction:column;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:100%;height:100%;border-radius:1rem;animation:slowappears 2s forwards}.sidenav-projects-button:hover{animation:TitleHover .3s forwards}.sidenav-projects-title{font-size:24px;font-weight:1000;padding:5px}.sidenav-projects-period{display:flex;align-items:left;justify-content:left;background-color:var(--blacker-color);color:var(--gold-color);border:0px;width:90%;margin:5px;animation:Appears .3s forwards}.sidenav-projects-description{display:flex;align-items:center;background-color:var(--blacker-color);color:#cdcdcd;font-stretch:expanded;gap:5px;border:0px;width:100%;padding:10px;animation:Appears .3s forwards}.sidenav-projects-description img{display:flex;align-items:center;justify-content:center}.sidenav-projects-description p{padding-left:10px}.linktourl{cursor:pointer}.sidenav-container{display:flex;flex-direction:column;padding:10px;text-align:left}.background-video{width:100vw;height:100vh;object-fit:cover;position:fixed;left:0;right:0;top:0;bottom:0;z-index:-1}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{margin:0;padding:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;font-family:Readex Pro,sans-serif}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}