@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Merriweather&family=Open+Sans&display=swap";.pa-content{font-family:var(--text-font);line-height:1.6;color:var(--text-color);border-top:2px solid var(--text-color);padding-top:2rem}.pa-content .pa-container{max-width:2000px;margin:0 auto;padding:0 20px}.pa-content .pa-header{color:var(--background);padding:2rem 0;text-align:center}.pa-content .pa-header h1{font-size:2.5rem;margin-bottom:.5rem;font-family:var(--header-font)}.pa-content .pa-profile{position:relative;padding:3rem 0;color:var(--text-color);border-radius:10px;backdrop-filter:blur(-5px);overflow:hidden}.pa-content .pa-profile .pa-profile-content{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.pa-content .pa-profile .pa-profile-content{flex-direction:column;text-align:center}}.pa-content .pa-profile .pa-tagline{font-size:1.1rem;margin-top:1rem;width:fit-content;border-radius:5px;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:.5rem}@media (max-width: 768px){.pa-content .pa-profile .pa-tagline{justify-content:center;width:100%}}.pa-content .pa-profile .pa-tagline span{background-color:var(--text-color);color:var(--background);padding:.25rem .5rem;border-radius:5px;font-size:12px;font-weight:600}.pa-content .pa-profile .pa-profile-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;outline:5px solid #fff}.pa-content .pa-profile .pa-profile-text{flex:1}.pa-content .pa-profile .pa-profile-text h2{font-size:2rem;color:var(--black-background);margin-bottom:1rem}.pa-content .pa-main{padding:2rem 0}.pa-content .pa-main .pa-hero{text-align:center;margin-bottom:3rem}.pa-content .pa-main .pa-hero h2{font-size:2rem;color:var(--black-background);margin-bottom:1rem;font-family:var(--header-font)}.pa-content .pa-main .pa-hero .pa-cta-button{display:inline-block;border:2px solid var(--black-background);color:var(--black-background);padding:.8rem 1.5rem;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s ease}.pa-content .pa-main .pa-hero .pa-cta-button:hover{opacity:.8}.pa-content .pa-main .pa-section{margin-bottom:3rem}.pa-content .pa-main .pa-section h3{font-size:1.5rem;color:var(--black-background);margin-bottom:1rem;font-family:var(--header-font)}.pa-content .pa-main .pa-section h3 a{text-decoration:none;color:var(--black-background);outline:1px solid #1890ff;padding:.2rem .5rem;border-radius:5px}.pa-content .pa-main .pa-section ul{list-style-type:none;padding-left:0}.pa-content .pa-main .pa-section ul li{margin-bottom:.5rem;padding-left:1rem;position:relative}.pa-content .pa-main .pa-section ul li:before{content:"\2022";color:var(--black-background);position:absolute;left:0}.pa-content .pa-main .pa-skills h3{font-family:var(--header-font)}@media (max-width: 600px){.pa-content .pa-main .pa-skills h3{text-align:center}}.pa-content .pa-main .pa-skills-list{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width: 600px){.pa-content .pa-main .pa-skills-list{justify-content:center}}.pa-content .pa-main .pa-skills-list li{background-color:var(--text-color);color:var(--background);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.pa-content .pa-main .pa-skills-list li:before{content:none}.pa-content .pa-footer{padding:1rem;font-size:.9rem;font-weight:600}.pa-content .pa-footer p{width:100%;text-align:center}header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem}header .name{font-family:var(--header-font);font-size:3rem;text-transform:uppercase;cursor:pointer;min-width:200px}header .name a{all:unset}header ul{display:flex;justify-content:center;align-items:center;gap:1rem}header ul li{all:unset;font-family:var(--header-font);font-weight:700;text-transform:uppercase;cursor:pointer;transition:text-decoration .4s ease-in-out}header ul li a{all:unset;display:flex;align-items:center;justify-content:center}header ul li.active a{background:#830808;color:#fff;padding:.5rem 1rem;border-radius:5px}header .header-left{display:flex;justify-content:flex-start;align-items:flex-end;gap:2rem;position:relative}header .header-left .menu{position:absolute;left:250px;bottom:-20px}header .header-right img{height:40px;cursor:pointer}.mobile-view{z-index:999999999}.mobile-view .header-left .menu{display:none}.mobile-view ul{flex-direction:column}.mobile-view .mobile-menus{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;position:absolute;right:0;top:0;background:var(--background);width:100vw;height:100vh}.mobile-view .mobile-menus h3{font-size:2rem;font-family:var(--header-font)}.mobile-view .mobile-menus span{cursor:pointer}.mobile-view .mobile-menus .close-button{position:absolute;top:2rem;right:2rem}.mobile-view .mobile-menus hr{width:80%}.mobile-view .mobile-menus ul{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.mobile-view .mobile-menus li{display:flex!important;align-items:center;justify-content:center;flex-direction:row;width:100%}.mobile-view .mobile-menus li a,.mobile-view .mobile-menus #mob-theme{width:100%;height:100%;padding:.5rem 1rem}.mobile-view .mobile-menus li a:hover,.mobile-view .mobile-menus #mob-theme:hover{outline:1px solid var(--text-color);border-radius:50px 0;text-decoration:none}.mobile-view .mobile-menus li img{height:100%}.mobile-view .mobile-menus #mob-theme{gap:1rem;display:flex;align-self:center}.content{position:relative}.content h2{display:inline-block;font-size:3rem;color:#fff;position:absolute;top:50%;transform:translateY(-50%);font-family:var(--header-font);text-transform:uppercase;cursor:pointer;font-weight:500}.content h2 a{all:unset}.name.active .content h2:nth-child(1){-webkit-text-stroke:1px #830808}.name.active .content h2:nth-child(2){color:#830808}.content h2:nth-child(1){color:transparent;-webkit-text-stroke:1px var(--text-color)}.content h2:nth-child(2){color:var(--text-color);animation:animate 4s ease-in-out infinite}@keyframes animate{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.setup-container{border-top:2px solid var(--text-color);width:100%;height:auto;animation:border-color-change 1s infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.setup-container ul{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-left:1rem}.setup-container li{width:100%;display:grid;grid-template-columns:.45fr 1fr;gap:2rem;font-family:var(--text-font);font-size:.85rem}.setup-container li span{font-weight:700;opacity:.8}.setup-container li span:after{content:" :"}@media screen and (max-width: 602px){.setup-container li{grid-template-columns:1fr;gap:0}.setup-container li span:after{content:""}}.setup-container .setup-title{font-family:var(--header-font);margin:2rem 0}footer{font-family:var(--text-font);color:var(--text-color);font-style:italic;opacity:.5;font-size:.75rem;display:flex;justify-content:space-between;padding:5rem 0}@media (max-width: 490px){footer{flex-direction:column-reverse;align-items:center;gap:2rem}}footer h4{text-decoration:underline}.about-container{border-top:2px solid var(--text-color);width:100%;height:auto;animation:border-color-change 1s infinite;animation-direction:alternate;animation-timing-function:ease-in-out;padding-top:3rem}.about-container>h3{font-size:2rem;font-family:var(--header-font);margin-bottom:1rem}.about-container .about-info{width:100%;color:var(--text-color);font-family:var(--text-font);font-size:.95rem}.about-container .about-info img{width:100%;border-radius:15px;margin-bottom:2rem}@media (max-width: 500px){.about-container .about-info{text-align:justify}}.about-container hr{margin:4rem 0;animation:border-color-change 1s infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.about-container .socials{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-container .socials h3{margin-bottom:2rem;text-transform:uppercase;font-family:var(--header-font)}.about-container .socials ul{display:flex;align-items:center;width:100%;justify-content:center;margin-left:1rem;gap:2rem}.about-container .socials ul li{cursor:pointer;all:unset;height:100%;display:flex;justify-content:center}.about-container .socials ul li img{width:3rem;height:3rem;cursor:pointer}.about-container .socials ul li:nth-child(1) img{background:white;border-radius:5px;object-fit:cover}.about-container .socials a{all:unset}.about-container .socials .email-text{font-family:var(--text-font);text-justify:newspaper;font-style:italic;text-align:center;font-size:.9rem;margin-top:3rem}.about-container .socials .email-text a{text-decoration:underline}.works{width:100%;gap:3rem;color:var(--text-color);display:grid;grid-template-columns:1fr 1fr}@media (max-width: 820px){.works{grid-template-columns:1fr}}.works .work-item{width:100%;height:100%;display:flex;flex-direction:column;position:relative;border:2px solid rgba(129,129,129,.5803921569);border-radius:20px;overflow:hidden;animation:border-color-change 1s infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.works .work-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.works .work-about{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;flex:1;gap:1rem;bottom:0;left:0;width:100%;border-top:2px solid rgba(129,129,129,.5803921569);animation:border-color-change 1s infinite;animation-direction:alternate;animation-timing-function:ease-in-out}@media (max-width: 820px){.works .work-about{flex-direction:column}}.works .work-description{width:100%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--text-font);gap:.5rem}.works .work-description h3{font-size:1.5rem;width:100%}.works .work-description p{opacity:.9}.works .work-description .tags{display:flex;gap:.5rem;flex-wrap:wrap}.works .work-description .tags li{all:unset;padding:5px;background:rgba(92,112,148,.1725490196);font-size:.8rem;white-space:nowrap;border-radius:5px}.works .work-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;width:100%;font-family:var(--text-font)}@media (max-width: 820px){.works .work-buttons{margin-top:1rem;justify-content:flex-start}}.works .work-buttons>a{text-decoration:none;padding:.5rem 1rem;cursor:pointer;white-space:nowrap;border:3px solid var(--text-color);box-shadow:0 0 1px 1px --text-color;color:var(--text-color)}.works .work-buttons>a:hover{box-shadow:0 0 2px 2px #818181}.works .work-buttons .disabled{opacity:.2;cursor:not-allowed}.works-container{border-top:2px solid var(--text-color);animation:border-color-change 1s infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.works-container .other-works{margin-top:4rem}.works-container .other-works a{all:unset}.works-container .other-works-title{font-family:var(--header-font);margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;font-size:1.5rem}.works-container .other-works ul,.works-container .other-works li{all:unset}.works-container .other-works ul{display:flex;flex-direction:column;gap:1rem}.works-container .other-works li{display:flex;align-items:flex-end;font-family:var(--text-font);cursor:pointer;gap:.5rem}.works-container .other-works li a{font-weight:700}.works-container .other-works li a:hover{text-decoration:underline}.works-container .other-works li span{font-size:.85rem;font-style:oblique}.works-container .experience{margin-top:2.5rem;font-family:var(--text-font)}.works-container .experience-title{font-family:var(--header-font);margin-bottom:2rem;font-size:2rem}.works-container .experience>ul>li{width:100%;margin-bottom:2rem;list-style-type:none}.works-container .experience>ul>li .experience-item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.works-container .experience>ul>li .experience-item a{all:unset;font-weight:700;cursor:pointer;font-size:1.35rem}.works-container .experience>ul>li .experience-item a:hover{text-decoration:underline}.works-container .experience>ul>li .experience-item>span{font-size:.9rem;opacity:.8}.works-container .experience>ul>li p{margin:.5rem 0;font-size:.95rem;font-weight:700}.works-container .experience-details{font-size:.9em}.works-container .experience-details li{margin-bottom:.5rem}@media (max-width: 450px){.works-container .experience-details li{text-align:justify}}.works-title{margin-top:3rem}html{--header-font: "Merriweather", serif;--text-font: "Open Sans", sans-serif;--background: #fff;--black-background: #121212;--text-color: #121212;--alternate-background: #121212;--alternate-text-color: #c1c1c1;--gradient-bg: #ffffffd5}html[data-theme=dark]{--background: #121212;--text-color: #fff;--alternate-background: #c1c1c1;--alternate-text-color: #121212;--black-background: #d8d8d8;--gradient-bg: #000000b4}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text-color);height:100%;width:100%;overflow:auto;margin:0 auto;position:relative;background-image:url(/assets/background-ecc40d36.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.App{min-height:calc(100vh - 6rem);max-width:1000px;display:flex;flex-direction:column;align-items:center;padding:4rem;margin:3rem auto;background:var(--gradient-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;box-shadow:0 0 3px 3px var(--text-color)}@media (max-width: 750px){.App{padding:3rem;margin:0 auto;border-radius:0}}.app-items{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;flex:1}#error-page{width:100%;height:100vh;margin-top:2rem;display:flex;flex-direction:column;justify-content:center;place-items:center;background:var(--alternate-background);color:var(--alternate-text-color)}.page-enter{transform:rotateY(90deg);opacity:0}.page-enter-active{transform:rotateY(0);opacity:1;transition:transform .5s ease,opacity .5s ease}.page-exit{transform:rotateY(0);opacity:1}.page-exit-active{transform:rotateY(-90deg);opacity:0;transition:transform .5s ease,opacity .5s ease}.page-wrapper{position:relative;overflow:hidden}