@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Pattaya&family=Roboto+Slab:wght@500&display=swap);:root{--selected-theme-background-color:var(--dark-theme-background-color);--selected-theme-main-color:var(--dark-theme-main-color);--selected-theme-sub-text-color:var(--dark-theme-sub-text-color);--selected-theme-nav-background-color:var(--dark-theme-nav-background-color);--dark-theme-background-color:#080c31;--dark-theme-main-color:#dfba57;--dark-theme-sub-text-color:#f4efef;--dark-theme-nav-background-color:#0204176d;--font-base:"Roboto Slab",serif}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-size:62.5%;height:100%}body{background-color:#080c31;background-color:var(--selected-theme-background-color);font-family:Roboto Slab,serif;font-family:var(--font-base);height:100%}a:active,a:link,a:visited,body{color:#f4efef;color:var(--selected-theme-sub-text-color)}.no-select{-webkit-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}@keyframes show{0%{opacity:0;transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}.App__main-content-wrapper{padding:60px 100px 0}@media only screen and (max-width:550px){.App__main-content-wrapper{padding:55px 30px 0}}@media only screen and (min-width:551px)and (max-width:768px){.App__main-content-wrapper{padding:60px 60px 0}}@media only screen and (min-width:769px)and (max-width:990px){.App__main-content-wrapper{padding:60px 80px 0}}.welcome-section{font-family:var(--font-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.welcome-section__container{align-items:center;animation:show 1.5s linear;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.035);border-radius:20px;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px;width:fit-content}.welcome-section__container--photografy{border-radius:80px;box-shadow:0 0 50px 5px var(--selected-theme-main-color);height:160px;margin-bottom:15px;overflow:hidden;width:160px}.welcome-section__container--photografy img{height:100%;object-fit:cover;width:100%}.welcome-section__container--name{font-size:3.6rem}.welcome-section__container--name div{position:relative}.welcome-section__container--name :after,.welcome-section__container--name div:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.welcome-section__container--name div:before{clip:rect(24px,550px,90px,0);animation:glitch-anim-2 2.5s linear infinite alternate-reverse;left:2px;text-shadow:-2px 0 red}.welcome-section__container--name div:after{clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s linear infinite alternate-reverse;left:-2px;text-shadow:-2px 0 #6464ff}.welcome-section__container--location{align-items:center;display:flex;font-size:1.7rem;gap:10px;justify-content:center}.welcome-section__container--location i{font-size:1.3rem}.welcome-section__container--title{font-size:1.5rem}.welcome-section__container--social-media{display:flex;gap:15px;padding:10px}.welcome-section__container--social-media a{display:inline-block}.welcome-section__container--social-media .btn-contact{border-radius:4px;display:block;overflow:hidden;padding:2px;position:relative;text-align:center;text-decoration:none;transition:box-shadow .5s ease;width:150px}.welcome-section__container--social-media .btn-contact:before{background:linear-gradient(130deg,purple,#19c4be,#2e2eea,#09ab09,#18760d);background-size:100%;content:"";height:100%;left:0;position:absolute;top:0;width:200%;z-index:-1}.welcome-section__container--social-media .btn-contact span{background-color:var(--selected-theme-background-color);border-radius:4px;color:var(--selected-theme-sub-text-color);display:block;font-size:1.5rem;padding:10px 0}.welcome-section__container--social-media .btn-contact:hover:before{animation:animate .85s linear infinite}.welcome-section__container--social-media .btn-contact:hover{box-shadow:0 0 30px var(--selected-theme-main-color)}@media only screen and (max-width:550px){.welcome-section__container{border-radius:10px;gap:5px;padding:10px}.welcome-section__container--photografy{box-shadow:0 0 20px 2px var(--selected-theme-main-color);height:90px;width:90px}.welcome-section__container--name{font-size:2rem}.welcome-section__container--location{font-size:1rem;gap:5px}.welcome-section__container--location i{font-size:1rem}.welcome-section__container--title{font-size:1.2rem}.welcome-section__container--social-media{gap:5px}.welcome-section__container--social-media .btn-contact{padding:1px;width:100px}.welcome-section__container--social-media .btn-contact span{font-size:1.1rem;padding:6px 0}}@media only screen and (min-width:551px)and (max-width:768px){.welcome-section__container{border-radius:10px;gap:7px;padding:14px}.welcome-section__container--photografy{box-shadow:0 0 20px 2px var(--selected-theme-main-color);height:100px;width:100px}.welcome-section__container--name{font-size:2.4rem}.welcome-section__container--location{font-size:1.3rem;gap:5px}.welcome-section__container--location i{font-size:1.1rem}.welcome-section__container--title{font-size:1.4rem}.welcome-section__container--social-media{gap:8px}.welcome-section__container--social-media .btn-contact{padding:1px;width:120px}.welcome-section__container--social-media .btn-contact span{font-size:1.2rem;padding:7px 0}}@media only screen and (min-width:769px)and (max-width:990px){.welcome-section__container{border-radius:15px;gap:10px;padding:18px}.welcome-section__container--photografy{box-shadow:0 0 25px 4px var(--selected-theme-main-color);height:120px;width:120px}.welcome-section__container--name{font-size:2.5rem}.welcome-section__container--location{font-size:1.4rem;gap:6px}.welcome-section__container--location i{font-size:1.2rem}.welcome-section__container--title{font-size:1.5rem}.welcome-section__container--social-media{gap:10px}.welcome-section__container--social-media .btn-contact{padding:1px;width:130px}.welcome-section__container--social-media .btn-contact span{font-size:1.3rem;padding:8px 0}}@keyframes animate{to{transform:translateX(-50%)}}@keyframes glitch-anim{0%{clip:rect(110px,9999999px,74px,0)}4.16666667%{clip:rect(135px,9999999px,143px,0)}8.33333333%{clip:rect(100px,9999999px,100px,0)}12.5%{clip:rect(38px,9999999px,24px,0)}20.83333333%{clip:rect(149px,9999999px,63px,0)}25%{clip:rect(12px,9999999px,104px,0)}33.33333333%{clip:rect(77px,9999999px,20px,0)}45.83333333%{clip:rect(58px,9999999px,107px,0)}50%{clip:rect(108px,9999999px,77px,0)}58.33333333%{clip:rect(142px,9999999px,112px,0)}66.66666667%{clip:rect(61px,9999999px,53px,0)}70.83333333%{clip:rect(117px,9999999px,74px,0)}75%{clip:rect(21px,9999999px,74px,0)}79.16666667%{clip:rect(117px,9999999px,70px,0)}87.5%{clip:rect(95px,9999999px,9px,0)}91.66666667%{clip:rect(121px,9999999px,75px,0)}95.83333333%{clip:rect(121px,9999999px,115px,0)}}@keyframes glitch-anim-2{6.66666667%{clip:rect(76px,9999999px,132px,0)}10%{clip:rect(13px,9999999px,82px,0)}13.33333333%{clip:rect(97px,9999999px,2px,0)}16.66666667%{clip:rect(1px,9999999px,147px,0)}20%{clip:rect(113px,9999999px,124px,0)}30%{clip:rect(2px,9999999px,10px,0)}36.66666667%{clip:rect(140px,9999999px,79px,0)}40%{clip:rect(37px,9999999px,67px,0)}46.66666667%{clip:rect(6px,9999999px,16px,0)}50%{clip:rect(98px,9999999px,123px,0)}56.66666667%{clip:rect(77px,9999999px,110px,0)}60%{clip:rect(22px,9999999px,145px,0)}66.66666667%{clip:rect(109px,9999999px,135px,0)}70%{clip:rect(118px,9999999px,40px,0)}73.33333333%{clip:rect(74px,9999999px,141px,0)}76.66666667%{clip:rect(59px,9999999px,100px,0)}80%{clip:rect(14px,9999999px,32px,0)}90%{clip:rect(33px,9999999px,97px,0)}to{clip:rect(5px,9999999px,14px,0)}}.pageheader-container{padding-top:40px;width:100%}.pageheader-container h2{animation:show 1.5s linear;border-bottom:1px solid #80808066;color:var(--selected-theme-sub-text-color);font-size:4.2rem;width:fit-content}@media only screen and (max-width:550px){.pageheader-container{padding-top:20px}.pageheader-container h2{font-size:2rem}}@media only screen and (min-width:551px)and (max-width:768px){.pageheader-container{padding-top:25px}.pageheader-container h2{font-size:3rem}}@media only screen and (min-width:769px)and (max-width:990px){.pageheader-container{padding-top:35px}.pageheader-container h2{font-size:3.5rem}}.stack-container{align-items:center;border:1px solid #80808066;border-radius:10px;display:flex;gap:10px;justify-content:center;padding:10px;width:fit-content}.stack-container img{-webkit-user-drag:none;height:25px;-webkit-user-select:none;user-select:none;width:25px}.stack-container div{border:1px solid #80808066;height:30px;margin:0 10px;width:4px}.about-container{flex-direction:column}.about-container,.about-container__main{align-items:center;display:flex;justify-content:center}.about-container__main{animation:show 1.5s linear;background-color:hsla(0,0%,100%,.067);border-radius:20px;margin-top:30px;padding:20px;width:fit-content}.about-container__main-content{width:500px}.about-container__main-content h2{color:var(--selected-theme-main-color);font-size:3.4rem;margin-bottom:10px}.about-container__main-content p{font-size:1.8rem;letter-spacing:1px;line-height:30px}.about-container__main--image{width:500px}@media only screen and (max-width:550px){.about-container__main{flex-direction:column;padding:10px}.about-container__main-content{width:fit-content}.about-container__main-content h2{font-size:2.5rem}.about-container__main-content p{font-size:1.4rem;letter-spacing:1px;line-height:25px}.about-container__main--image{width:300px}}@media only screen and (min-width:551px)and (max-width:768px){.about-container__main{flex-direction:column}.about-container__main-content{width:fit-content}.about-container__main-content h2{font-size:2.7rem}.about-container__main-content p{font-size:1.7rem;letter-spacing:1px;line-height:25px}.about-container__main--image{width:340px}}@media only screen and (min-width:769px)and (max-width:990px){.about-container__main-content{width:fit-content}.about-container__main-content h2{font-size:2.7rem}.about-container__main-content p{font-size:1.7rem;letter-spacing:1px;line-height:25px}.about-container__main--image{width:320px}}.contact-container{flex-direction:column}.contact-container,.contact-container__inner-content{align-items:center;display:flex;justify-content:center}.contact-container__inner-content{animation:show 1.5s linear}.contact-container__inner-content--form-container{background-color:hsla(0,0%,100%,.035);border-radius:20px;display:flex;flex-direction:column;gap:15px;margin-top:30px;padding:30px 20px;z-index:3}.contact-container__inner-content--form-container__input-data .inputbox{margin-top:25px;position:relative;width:400px}.contact-container__inner-content--form-container__input-data .inputbox span{display:inline-block;font-size:1.5rem;padding:3px 0 0 3px;position:relative;top:-30px;transition:all .4s ease;z-index:-1}.contact-container__inner-content--form-container__input-data .inputbox input{background-color:#0000;border:none;border-bottom:3px solid var(--selected-theme-main-color);color:var(--selected-theme-sub-text-color);font-size:1.5rem;outline:none;padding:25px 5px 5px;position:relative;width:100%}.contact-container__inner-content--form-container__input-data .inputbox input:focus+span,.contact-container__inner-content--form-container__input-data .inputbox input:not(:placeholder-shown)+span{color:var(--selected-theme-main-color);top:-50px}.contact-container__inner-content--form-container__input-message .inputbox{margin-top:25px;position:relative;width:400px}.contact-container__inner-content--form-container__input-message .inputbox span{display:inline-block;font-size:1.5rem;padding:3px 0 0 3px;position:relative;top:-104px;transition:all .4s ease;z-index:-1}.contact-container__inner-content--form-container__input-message .inputbox textarea{background-color:#0000;border:none;border-bottom:3px solid var(--selected-theme-main-color);color:var(--selected-theme-sub-text-color);font-size:1.5rem;outline:none;padding:5px;position:relative;width:100%}.contact-container__inner-content--form-container__input-message .inputbox textarea:focus+span,.contact-container__inner-content--form-container__input-message .inputbox textarea:not(:placeholder-shown)+span{color:var(--selected-theme-main-color);top:-124px}.contact-container__inner-content--form-container .btn-contact{align-self:center;background-color:#0000;border:none;border-radius:4px;display:block;overflow:hidden;padding:2px;position:relative;transition:box-shadow .5s ease;width:150px}.contact-container__inner-content--form-container .btn-contact:before{background:linear-gradient(130deg,purple,#19c4be,#2e2eea,#09ab09,#18760d);background-size:100%;content:"";height:100%;left:0;position:absolute;top:0;width:200%;z-index:-1}.contact-container__inner-content--form-container .btn-contact span{align-items:center;background-color:var(--selected-theme-background-color);border-radius:4px;color:var(--selected-theme-sub-text-color);display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:8px 0}.contact-container__inner-content--form-container .btn-contact span .loading-bar{height:16px;width:50px}.contact-container__inner-content--form-container .btn-contact:hover:before{animation:animate .85s linear infinite}.contact-container__inner-content--form-container .btn-contact:hover{box-shadow:0 0 30px var(--selected-theme-main-color)}.contact-container__inner-content img{height:430px;width:430px}@media only screen and (max-width:768px){.contact-container__inner-content{flex-direction:column}.contact-container__inner-content img{height:330px;width:330px}.contact-container__inner-content--form-container__input-data .inputbox,.contact-container__inner-content--form-container__input-message .inputbox{width:300px}}.portfolio-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.portfolio-container--image{height:350px;width:350px}.portfolio-container__inner-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px;position:relative}.portfolio-container__inner-content--slide{height:400px;position:relative;width:800px}.portfolio-container__inner-content--slide .prev{border-radius:0 100% 100% 0;left:0;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-container__inner-content--slide .next{border-radius:100% 0 0 100%;position:absolute;right:0;top:50%;transform:translateY(-50%)}.portfolio-container__inner-content--slide .next,.portfolio-container__inner-content--slide .prev{align-items:center;background-color:#080c314d;color:inherit;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:50px;justify-content:center;transition:.6s ease;-webkit-user-select:none;user-select:none;width:50px;z-index:10}.portfolio-container__inner-content--slide .next:hover,.portfolio-container__inner-content--slide .prev:hover{background-color:#080c31}.portfolio-container__inner-content--slide .fade{animation-duration:1s;animation-name:fade;animation-timing-function:cubic-bezier(.8,.65,.9,.06)}.portfolio-container__inner-content--slide .projectSlides{display:flex;height:100%;width:100%}.portfolio-container__inner-content--slide .projectSlides__image{cursor:pointer;height:inherit;position:relative;width:500px}.portfolio-container__inner-content--slide .projectSlides__image img{height:100%;object-fit:cover;width:100%}.portfolio-container__inner-content--slide .projectSlides__image:hover:before{align-items:center;background-color:rgba(8,12,49,.525);content:"VISITAR";display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%;z-index:5}.portfolio-container__inner-content--slide .projectSlides__info{background-color:#fff3;height:inherit;width:300px}.portfolio-container__inner-content--slide .projectSlides__info h3{color:var(--selected-theme-main-color);font-size:2.3rem;padding:15px;text-align:center}.portfolio-container__inner-content--slide .projectSlides__info hr{border:5px solid #ffffff80}.portfolio-container__inner-content--slide .projectSlides__info--text{height:300px;padding:15px}.portfolio-container__inner-content--slide .projectSlides__info--text p{font-size:1.8rem;letter-spacing:1px;text-align:left}.portfolio-container__inner-content--dots{bottom:0;display:flex;padding:5px;position:absolute;transform:translateY(100%)}.portfolio-container__inner-content--dots .dot{background-color:rgba(223,187,87,.655);border-radius:100%;display:block;height:14px;margin:5px;width:14px}.portfolio-container__inner-content--dots .active,.portfolio-container__inner-content--dots .dot:hover{background-color:rgba(223,187,87,.925)}@keyframes fade{0%{opacity:.1;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media only screen and (max-width:550px){.portfolio-container__inner-content--slide{height:100%;width:100%}.portfolio-container__inner-content--slide .projectSlides{flex-direction:column}.portfolio-container__inner-content--slide .projectSlides__image,.portfolio-container__inner-content--slide .projectSlides__info{width:100%}}@media only screen and (min-width:551px)and (max-width:768px){.portfolio-container__inner-content--slide{height:100%;width:100%}.portfolio-container__inner-content--slide .projectSlides{flex-direction:column}.portfolio-container__inner-content--slide .projectSlides__image,.portfolio-container__inner-content--slide .projectSlides__info{width:100%}}.resume-container,.resume-container__inner-content{display:flex;flex-direction:column}.resume-container__inner-content{align-items:center;animation:show 1.5s linear;gap:20px;height:400px;justify-content:center}.resume-container__inner-content h1{border-bottom:1px solid var(--selected-theme-main-color);color:var(--selected-theme-main-color);font-size:3rem}.resume-container__inner-content h2{font-size:2.2rem}.skills-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.skills-content__graphic{animation:show 1.5s linear}.skills-content--wrapper{animation:show 1.5s linear;background-color:#ff0;background-color:hsla(0,0%,100%,.035);border-radius:20px;margin-top:30px;padding:20px}.skills-content--wrapper,.skills-content--wrapper__inner-content{align-items:flex-start;display:flex;gap:15px;justify-content:center}.skills-content--wrapper__inner-content{flex-direction:column;margin:15px}.skills-content--wrapper__inner-content h3{color:var(--selected-theme-main-color);font-size:2.5rem;position:relative}.skills-content--wrapper__inner-content h3:before{border:3px solid var(--selected-theme-main-color);border-radius:0 0 5px 5px;border-top:none;bottom:-2px;content:"";height:4px;left:-8px;padding:5px;position:absolute;width:100%}.skills-content--wrapper__inner-content__bars-container h4{font-size:1.6rem;margin-top:15px}.skills-content--wrapper__inner-content__bars-container--bar{background-color:#fff6;border-radius:4px;height:14px;width:350px}.skills-content--wrapper__inner-content__bars-container--bar div{background-color:var(--selected-theme-main-color);border-radius:5px;height:100%}@media only screen and (max-width:550px){.skills-content--wrapper{border-radius:10px;flex-direction:column;padding:10px}.skills-content--wrapper__inner-content{gap:10px}.skills-content--wrapper__inner-content h3{font-size:2.2rem}.skills-content--wrapper__inner-content__bars-container h4{font-size:1.4rem}.skills-content--wrapper__inner-content__bars-container--bar{height:12px;width:300px}}@media only screen and (min-width:551px)and (max-width:768px){.skills-content--wrapper{flex-direction:column}.skills-content--wrapper__inner-content{gap:10px}.skills-content--wrapper__inner-content h3{font-size:2.3rem}.skills-content--wrapper__inner-content__bars-container h4{font-size:1.4rem}.skills-content--wrapper__inner-content__bars-container--bar{height:13px;width:370px}}@media only screen and (min-width:769px)and (max-width:990px){.skills-content--wrapper{flex-direction:column}.skills-content--wrapper__inner-content{gap:10px}.skills-content--wrapper__inner-content h3{font-size:2.4rem}.skills-content--wrapper__inner-content__bars-container h4{font-size:1.4rem}.skills-content--wrapper__inner-content__bars-container--bar{height:12px;width:430px}}#navbar{position:fixed;top:0;transition:all .5s ease-in-out .5s;width:100%;z-index:10}#navbar .nav-center{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:rgba(2,4,23,.427);border-bottom:1px solid #80808066;border-top:2px solid var(--selected-theme-main-color);display:flex;justify-content:space-around;overflow:hidden}.nav-header img{height:55px;width:55px}.nav-list{align-items:center;display:flex;height:60px;list-style:none;width:fit-content}.glider{background-color:#80808066;border-radius:10px;height:100%;opacity:0;position:absolute;transform:translateX(0);visibility:hidden;width:95px;z-index:3}.nav-list li{z-index:4}.nav-list li:first-child:hover~.glider{transform:translateX(-3%);width:75px}.nav-list li:first-child:hover~.glider,.nav-list li:nth-child(2):hover~.glider{opacity:1;transition:opacity .2s ease-in .3s,transform .3s linear,width .3s ease;visibility:visible}.nav-list li:nth-child(2):hover~.glider{transform:translateX(60%);width:120px}.nav-list li:nth-child(3):hover~.glider{transform:translateX(143%);width:134px}.nav-list li:nth-child(3):hover~.glider,.nav-list li:nth-child(4):hover~.glider{opacity:1;transition:opacity .2s ease-in .3s,transform .3s linear,width .3s ease;visibility:visible}.nav-list li:nth-child(4):hover~.glider{transform:translateX(300%);width:108px}.nav-list li:nth-child(5):hover~.glider{transform:translateX(430%);width:100px}.nav-list li:nth-child(5):hover~.glider,.nav-list li:nth-child(6):hover~.glider{opacity:1;transition:opacity .2s ease-in .3s,transform .3s linear,width .3s ease;visibility:visible}.nav-list li:nth-child(6):hover~.glider{transform:translateX(590%);width:90px}.nav-list a{color:var(--selected-theme-sub-text-color);display:block;font-size:2rem;padding:1.6rem .9rem;text-align:right;text-decoration:none;width:fit-content}.nav-toggle{display:none}@media only screen and (max-width:768px){.nav-list a{font-size:1.8rem;padding-left:20px;text-align:left;transition:background-color .4s ease-out;width:100%}.nav-list a:hover{background-color:#8080804d}.nav-list{display:block;height:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.show-links{height:336px}.glider{display:none}.nav-center{flex-direction:column}.nav-header img{height:45px;width:45px}.nav-header{align-items:center;display:flex;height:50px;justify-content:space-between;padding:20px;width:100%}.nav-toggle{background-color:#0000;border:none;color:var(--selected-theme-sub-text-color);display:inline-block;font-size:3rem;transition:all .3s ease-in-out}.nav-toggle:active{transform:scale(1.1)}}.footer-bar{align-items:center;bottom:0;display:flex;justify-content:center;position:fixed;width:100%;z-index:5}.footer-bar__main-container{background-color:#080c31cc;border-radius:10px 10px 0 0;padding:0 4px}.footer-bar__main-container--span{color:var(--selected-theme-sub-text-color);font-size:1rem}.footer-bar__main-container--span i{animation:beating .3s infinite alternate;color:red;display:inline-block;font-size:2rem;padding:0 5px;transform-origin:center}@media only screen and (max-width:550px){.footer-bar__main-container--span{font-size:.8rem}.footer-bar__main-container--span i{font-size:1rem}}@media only screen and (min-width:551px)and (max-width:768px){.footer-bar__main-container--span,.footer-bar__main-container--span i{font-size:1rem}}@keyframes beating{to{transform:scale(1.4)}}