@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Instrument+Serif:ital@0;1&display=swap";.SectionStyle{position:relative}.content-grid{display:grid;grid-template-columns:1fr 3.5fr;height:100dvh;width:100%}.info-contact{display:flex;flex-direction:column;width:100%;height:100dvh}.skills-project-profile{display:flex;flex-direction:column;width:100%;height:100%;height:100dvh}.projects-profile{display:flex;height:56%}.skills-profile{display:flex;height:44%}.img{width:100%;height:60%;position:absolute;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;bottom:0;z-index:-1}.ContentColumn{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%;padding-inline:2.5rem;gap:.5rem;gap:1.5rem;height:calc(100% - 8rem)}.ContentRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding-inline:2.5rem;height:calc(100% - 5.5rem);padding-bottom:2.5rem}.profileimg{display:flex;align-items:center;justify-content:center;width:100%;flex-shrink:0}.profileimg img{height:100%;width:100%;object-fit:cover;border-bottom:1px solid var(--color-gray)}.profileRow{display:flex;flex-grow:1}.divFooter{display:flex;position:relative;align-items:center;justify-content:center;width:60%}.divNavbar{display:flex;position:relative;align-items:center;justify-content:center;width:40%;border-left:1px solid var(--color-gray)}.projectGroup{display:flex}.projectGroup img{border-radius:10px;margin-right:1.2rem;object-fit:cover;height:10rem;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.GroupDesc{display:flex}.textgroup{display:flex;gap:.5rem;flex-direction:column}.textgroup p{font-size:13px;white-space:nowrap}.textgroup a{font-size:13px;white-space:nowrap;color:var(--color-graytext)}.textgroup a:hover{font-size:13px;white-space:nowrap;color:var(--color-white)}.GroupDesc .textgroup:nth-child(1){width:6rem;color:var(--color-white)}.GroupDesc .textgroup:nth-child(2){color:var(--color-graytext)}.ContentRow2{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;padding-inline:2.5rem;padding-bottom:2.5rem;width:100%}a{display:flex}.projectGroup a:hover img{filter:var(--filter-white);-webkit-filter:var(--filter-white)}a span img{height:fit-content!important;margin-left:.1rem}.SkillsSection{width:100%;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);height:100%;overflow:auto;overflow-x:hidden}.ProjectsSection{width:100%;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);overflow:auto;overflow-x:hidden}.ProfileSection{width:33%;display:flex;flex-direction:column;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);overflow:auto;overflow-x:hidden}.ContactSection{width:100%;border:1px solid var(--color-gray);height:49%;overflow:auto;overflow-x:hidden}.InfoSection{width:100%;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-left:1px solid var(--color-gray);height:44%;overflow:auto;overflow-x:hidden}.DownloadSection{height:7%;border-top:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-left:1px solid var(--color-gray);display:flex;align-items:center;overflow:hidden;justify-content:space-between}@media screen and (max-width: 767px){body{overflow-x:hidden;overflow-y:auto!important}.textgroup a{height:18px}.skills-profile>:nth-child(2){display:none}.projects-profile{display:flex;flex-direction:column;width:100%}.SkillsSection{height:fit-content}.ProjectsSection{height:85dvh}.ContactSection{height:fit-content;width:100%;padding-bottom:2.5rem}.ProfileSection{height:calc(100dvh - 1px);width:100%}.error .imgGroup .a-Error img{width:20rem!important}.profileimg{height:80dvh;justify-content:center;align-items:center}.InfoSection{height:55dvh;width:100%}.DownloadSection{height:10dvh;width:100%}.content-grid{display:flex;height:100%;width:100%;flex-direction:column}.info-contact,.skills-project-profile,.skills-profile,.projects-profile{display:contents}.ProfileSection{order:1;border-top:1px solid var(--color-gray);border-left:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:0px}.InfoSection{order:2;border-top:1px solid var(--color-gray);border-left:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:0px}.DownloadSection{order:3}.SkillsSection{order:4;border-top:1px solid var(--color-gray);border-left:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:0px}.ProjectsSection{order:5;border-top:1px solid var(--color-gray);border-left:1px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:0px}.ContactSection{order:6;border:1px solid var(--color-gray)}.projectGroup{display:flex;flex-direction:column}.ContentRow2{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:2.5rem;padding-inline:2.5rem;padding-bottom:2.5rem;width:100%}.projectGroup img{margin-right:0rem;height:100%;margin-bottom:1.5rem}}@media screen and (min-width: 767px) and (max-width: 1024px){.error .imgGroup .a-Error img{width:30rem!important}.projects-profile>:nth-child(2){display:none}.content-grid{display:grid;grid-template-columns:1fr 2fr;height:100dvh;width:100%}.ProfileSection{width:100%;border-top:1px solid var(--color-gray);border-left:0px solid var(--color-gray);border-right:1px solid var(--color-gray);border-bottom:0px}.ContentRow,.ContentRow2{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:1.5rem;padding-inline:1.5rem;height:calc(100% - 5.5rem);padding-bottom:2.5rem}.Header{padding-inline:1.5rem!important}.ContentColumn{padding-inline:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.Content p{padding-inline:1.5rem!important}.profileRow{flex-direction:column;height:100%}.profileRow>div{height:100%;width:100%}.divNavbar{border-left:0px;border-top:1px solid var(--color-gray)}.SectionText>:nth-child(1){padding-left:1.5rem!important}.SectionText>:nth-child(2){padding-right:1.5rem!important}}@media screen and (min-width: 1024px){.skills-profile>:nth-child(2){display:none}}@keyframes fadeColor{0%{background-color:transparent}50%{background-color:var(--final-color)}to{background-color:transparent}}.InfoSection>div,.SkillsSection>div,.ProjectsSection>div,.ContactSection>div,.ContactSection img,.ProfileSection>div,.DownloadSection>div,.DownloadSection p{opacity:0;visibility:hidden}.InfoSection{--final-color: yellow;animation:fadeColor 1s ease-in-out;-webkit-animation:fadeColor 1s ease-in-out}.InfoSection div{animation:showContent 0s 1.8s forwards;-webkit-animation:showContent 0s 1.8s forwards}.SkillsSection{--final-color: red;animation:fadeColor 1s ease-in-out;animation-delay:.2s}.SkillsSection div{animation:showContent 0s 1.8s forwards;-webkit-animation:showContent 0s 1.8s forwards}.ProjectsSection{--final-color: blue;animation:fadeColor 1s ease-in-out;animation-delay:.4s}.ProjectsSection div{animation:showContent 0s 1.8s forwards;-webkit-animation:showContent 0s 1.8s forwards}.ContactSection{--final-color: pink;animation:fadeColor 1s ease-in-out;animation-delay:.6s}.ContactSection div,.ContactSection img{animation:showContent 0s 1.8s forwards;-webkit-animation:showContent 0s 1.8s forwards}.ProfileSection{--final-color: green;animation:fadeColor 1s ease-in-out;animation-delay:.8s}.ProfileSection div{animation:showContent 0s 1.8s forwards;-webkit-animation:showContent 0s 1.8s forwards}.DownloadSection{--final-color: coral;animation:fadeColor 1s ease-in-out;animation-delay:1s}.DownloadSection div,.DownloadSection p{animation:showContent 0s 1.8s forwards;-webkit-animation:showContent 0s 1.8s forwards}@keyframes showContent{to{opacity:1;visibility:visible}}.Header p{font-size:32px;font-family:"Instrument Serif",serif}.Header{height:5.5rem;display:flex;align-items:center;padding-inline:2.5rem}.Content p{font-family:"Instrument Serif",serif;font-size:27px;padding-inline:2.5rem}.SectionText>:nth-child(1){font-family:"Instrument Serif",serif;font-size:22px;padding-left:2.5rem}.SectionText>:nth-child(2){color:var(--color-graytext);padding-right:2.5rem}.divFooter p{font-size:32px;font-family:"Instrument Serif",serif}.GroupText .Title{font-size:32px;font-family:"Instrument Serif",serif;margin-bottom:1rem;white-space:nowrap}.fade{background:linear-gradient(to top,#000 20%,#0000);position:sticky;bottom:-2px;right:0;height:2rem}::-webkit-scrollbar-track{border-left:1px solid var(--color-gray);background-color:var(--color-black)}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-thumb{background-color:var(--color-lightgray)}::selection{background:var(--color-white);color:var(--color-black)}.button{display:block;position:relative;height:100%;width:100%;color:#fff;text-align:center;text-transform:uppercase;border:none;position:absolute}.hrefButton img{height:30px;margin-right:1.5rem}.hrefButton{overflow:hidden;position:relative;background-color:#000000a9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;width:100%;min-height:4rem;height:100%;border-radius:10px;border:1px solid var(--color-gray);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.hrefButton p{margin-inline:1.5rem}.hrefButton p:nth-child(2){color:var(--color-graytext)}.hrefButton p:nth-child(1){font-family:"Instrument Serif",serif;color:var(--color-puregray);font-size:22px}.two{filter:blur(1px);-webkit-filter:blur(1px)}.button.two{background-repeat:no-repeat;background-position:-620px -20px,0 0;background-image:-webkit-linear-gradient(top left,rgba(0,0,0,.2) 0%,rgba(66,66,66,.2) 40%,rgba(255,255,255,.329) 45%,rgba(70,70,70,0) 50%);background-image:-moz-linear-gradient(0 0,rgba(0,0,0,.2) 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.8) 45%,rgba(70,70,70,0) 50%);background-image:-o-linear-gradient(0 0,rgba(0,0,0,.2) 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.8) 45%,rgba(70,70,70,0) 50%);background-image:linear-gradient(0 0,#0003,#fff3 40%,#fffc,#46464600 50%);-moz-background-size:250% 250%,100% 100%;background-size:250% 250%,100% 100%;-webkit-transition:background-position 0s ease;-moz-transition:background-position 0s ease;-o-transition:background-position 0s ease;transition:background-position 0s ease}.button.two:hover{background-position:0 0,0 0;-webkit-transition-duration:1s;-moz-transition-duration:1s;transition-duration:1s}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;border:1px solid var(--color-gray)}.error .imgGroup .a-Error img{width:35rem}.error .imgGroup .a-Error img:hover{filter:invert();-webkit-filter:invert()}.error .imgGroup{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.divLineXTop{position:absolute;width:100%;height:1px;background-color:var(--color-gray);top:0;z-index:3}.divLineXBottom{position:absolute;width:100%;height:1px;background-color:var(--color-gray);bottom:0;z-index:3}.divLineY{position:absolute;height:100dvh;width:1px;z-index:3;top:0;background-color:var(--color-gray)}.divLineYRight{position:absolute;height:100dvh;width:1px;right:0;z-index:3;background-color:var(--color-gray)}.divLineYLeft{position:absolute;height:100dvh;width:1px;left:0;z-index:3;background-color:var(--color-gray)}.a-Error{position:relative;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center}:root{--color-black: #000000;--color-gray: #393939;--color-graytext: #A6A6A6;--color-lightgray: #777777;--color-white: #ffffff;--filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7486%) hue-rotate(159deg) brightness(105%) contrast(104%);--color-puregray: #efefef}*{margin:0;padding:0;box-sizing:border-box;font-family:Instrument Sans,sans-serif;text-decoration:none}body{background-color:var(--color-black);color:var(--color-white);height:100%;overflow-x:hidden;overflow-y:hidden}.grain{position:fixed;top:0;width:100%;height:100dvh;background-image:url(/assets/download-CMKwJ6uj.gif);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;mix-blend-mode:darken;opacity:.3;pointer-events:none}body,html{width:100%;height:100%}hr{border-top:1px solid var(--color-gray);border-bottom:0px;border-left:1px solid var(--color-gray);border-right:1px solid var(--color-gray)}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}