@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Noto+Sans+Mono:wght@100;200;300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100;200;300;400&display=swap";*{box-sizing:border-box;margin:0;font-size:62.5%}* ::-webkit-scrollbar{width:.5rem}*{scrollbar-width:thin}body{overflow:hidden;background:#0e0e0e}body[theme=future-funk]{background:#2e1a47}body[theme=dracula]{background:#282a36}body[theme=ryujin]{background:#081426}body[theme=grape]{background:#221223}body[theme=froyo-dark]{background:#1b180f}.navbar-container{height:90px;display:flex;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;padding:2rem 5rem;z-index:5;box-shadow:0 10px 70px #00000059}@media(max-width:650px){.navbar-container{padding:0px 2.5rem}}.navbar-container .navbar-content{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1800px}.navbar-container .navbar-content .logo-container a{font-family:Major Mono Display,sans-serif;font-size:3rem;z-index:2;text-decoration:none}.navbar-container .navbar-content .nav-list-container{height:100%}@media(max-width:850px){.navbar-container .navbar-content .nav-list-container{display:none}}.navbar-container .navbar-content .nav-list-container .nav-list{height:inherit;padding:0;display:flex;align-items:center;text-align:center;list-style:none;gap:3rem;z-index:2}.navbar-container .navbar-content .nav-list-container .nav-list li a{font-family:Major Mono Display,sans-serif;font-size:1.6rem;text-decoration:none}.navbar-container .navbar-content .nav-list-container .nav-list li a:hover{cursor:pointer}.navbar-container .navbar-content .nav-list-container .nav-list li span{font-family:Noto Sans Mono,sans-serif;font-size:1.4rem}.navbar-container .navbar-content .nav-toggle-container{width:50%;height:100%;color:#d4d5d5;display:none}@media(max-width:850px){.navbar-container .navbar-content .nav-toggle-container{display:flex;justify-content:flex-end}}.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile{width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;overflow:hidden}@media(max-width:850px)and (orientation:landscape){.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile{gap:5rem}}.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile .nav-list-mobile{padding:0;display:flex;flex-direction:column;text-align:center;list-style:none;gap:6rem;z-index:5}@media(max-width:850px)and (orientation:landscape){.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile .nav-list-mobile{flex-direction:row}}.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile .nav-list-mobile li{display:flex;flex-direction:column}.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile .nav-list-mobile li a{font-family:Major Mono Display,sans-serif;font-size:2rem;text-decoration:none;display:flex;flex-direction:column}.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile .nav-list-mobile li span{font-family:Noto Sans Mono,sans-serif;font-size:1.6rem}.navbar-container .navbar-content .nav-toggle-container .nav-list-container-mobile .nav-list-mobile li:hover{cursor:pointer}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container{height:inherit;display:flex;z-index:2;font-size:4rem}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button{border:none;padding:0;background:none}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger{display:block;position:relative}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger,.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before,.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{width:3.5rem;height:2px;transition:transform .2s ease-in-out,opacity .2s linear}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before,.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{content:"";position:absolute;left:0}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before{bottom:10px}.navbar-container .navbar-content .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{top:10px}.navbar-container .navbar-content .social-links{display:flex;flex-direction:row;justify-content:center;gap:6rem;position:absolute;bottom:0rem;padding-bottom:5rem}@media(min-width:850px){.navbar-container .navbar-content .social-links{display:none}}@media(max-width:850px)and (orientation:landscape){.navbar-container .navbar-content .social-links{position:relative;margin-bottom:0}}.navbar-container .navbar-content .social-links:after{display:none}.navbar-container .navbar-content .social-links .link{display:flex;flex-direction:column;align-items:center;gap:1rem;text-decoration:none}.navbar-container .navbar-content .social-links .link svg{width:2.5rem;height:2.5rem}.navbar-container .navbar-content .social-links .link h2{font-size:1.6rem;font-family:Major Mono Display,sans-serif;font-weight:300}.nav-open .hamburger{transform:rotate(45deg)}.nav-open .hamburger:before{opacity:0}.nav-open .hamburger:after{transform:rotate(90deg) translate(-10px)}.app{width:100%;display:flex;flex-direction:column;overflow:hidden}.app button:focus-visible,.app a:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){.app,.app *,.app *:before,.app *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app[theme=future-funk] * ::-webkit-scrollbar-thumb{background-color:#a19b43;transition:background-color .2s linear}.app[theme=future-funk] *{scrollbar-color:#a19b43 #2e1a47;transition:scrollbar-color .2s linear}.app[theme=future-funk] .page-container{background-color:#2e1a47;transition:background-color .2s linear}.app[theme=future-funk] h1{color:#f04e98;transition:color .2s linear}.app[theme=future-funk] h1 span{color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] h2{color:#a4dbe8;transition:color .2s linear}.app[theme=future-funk] h3{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .route-status{color:#f7f2ea}.app[theme=future-funk] .details ul span{color:#a4dbe8;transition:color .2s linear}.app[theme=future-funk] .skill-list .skill{background-color:#f04e971a;transition:color .2s linear}.app[theme=future-funk] .project-details{background-color:#f04e971a;transition:background-color .2s linear}.app[theme=future-funk] .project-details .title-container .project-link svg{fill:#f7f2ea;transition:fill .2s linear}.app[theme=future-funk] .project-details .title-container .project-link svg:hover{fill:#a4dbe8;transition:fill .2s linear}.app[theme=future-funk] .project-details .project-description{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .project-details .project-tools .tool{background-color:#2e1a47;color:#f04e98;transition:color .2s linear}.app[theme=future-funk] .name-chars:hover,.app[theme=future-funk] .title:hover{color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .navbar-container{background-color:#2e1a47;transition:background-color .2s linear}.app[theme=future-funk] .navbar-container .logo-container a{color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .navbar-container .logo-container a:hover{color:#a4dbe8}.app[theme=future-funk] .navbar-container .nav-list a{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .navbar-container .nav-list a:hover{color:#a4dbe8!important}.app[theme=future-funk] .navbar-container .nav-list li span{color:#a4dbe8;transition:color .2s linear}.app[theme=future-funk] .navbar-container .nav-list-container-mobile{background-color:#2e1a47;transition:background-color .2s linear}.app[theme=future-funk] .navbar-container .nav-list-mobile li a{color:#f7f2ea!important}.app[theme=future-funk] .navbar-container .nav-list-mobile li a span{color:#f6eb61!important}.app[theme=future-funk] .navbar-container .social-links{fill:#f04e98;transition:fill .2s linear}.app[theme=future-funk] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger{background:#a4dbe8}.app[theme=future-funk] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before{background:#a4dbe8}.app[theme=future-funk] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{background:#a4dbe8}.app[theme=future-funk] .theme-container .theme-list-container button{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .theme-container .theme-list-container li span{color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .theme-container .theme-list-container .theme-list{background-color:#3b2852;border-color:#682a5f;transition:background-color .2s linear,border-color .2s linear}.app[theme=future-funk] .toggle-button-container button{font-family:Major Mono Display,sans-serif;color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .toggle-button-container button:after{background-color:#f6eb61;transition:background-color .2s linear}.app[theme=future-funk] .contact-statement p{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .email-button svg{fill:#f6eb61;transition:fill .2s linear}.app[theme=future-funk] .email-button a{color:#f6eb61;border-color:#f6eb61!important;transition:border-color .2s linear;transition:color .2s linear}.app[theme=future-funk] .email-button a h3{color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .email-button a:hover{color:#a4dbe8;border-color:#a4dbe8!important;background-color:#f04e971a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=future-funk] .email-button a:hover h3{color:#a4dbe8;transition:color .2s linear}.app[theme=future-funk] .email-button a:hover svg{fill:#a4dbe8;transition:fill .2s linear}.app[theme=future-funk] .resume-button svg{fill:#f7f2ea;transition:fill .2s linear}.app[theme=future-funk] .resume-button a{color:#a4dbe8;border-color:#a4dbe8!important;background-color:#f04e971a;transition:border-color .2s linear;transition:color .2s linear}.app[theme=future-funk] .resume-button a h3{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .resume-button a:hover{color:#f6eb61;border-color:#f6eb61!important;background-color:#f04e971a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=future-funk] .resume-button a:hover h3{color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .resume-button a:hover svg{fill:#f6eb61;transition:fill .2s linear}.app[theme=future-funk] .footer-container .social-links:after{background-color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .footer-container .social-links .link{fill:#f7f2ea;transition:fill .2s linear}.app[theme=future-funk] .footer-container .social-links .link:hover{fill:#f6eb61;transition:fill .2s linear}.app[theme=future-funk] .social-links:after{background-color:#f6eb61;transition:color .2s linear}.app[theme=future-funk] .social-links svg{fill:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .social-links svg:hover{color:#f6eb61;transition:color .2s linear}@media(max-width:850px){.app[theme=future-funk] .social-links h2{color:#f7f2ea;transition:color .2s linear}.app[theme=future-funk] .social-links svg{fill:#f04e98;transition:color .2s linear}}.app[theme=dracula] * ::-webkit-scrollbar-thumb{background-color:#7a649a;transition:background-color .2s linear}.app[theme=dracula] *{scrollbar-color:#7a649a #282a36;transition:scrollbar-color .2s linear}.app[theme=dracula] .page-container{background-color:#282a36;transition:background-color .2s linear}.app[theme=dracula] h1{color:#bd93f9;transition:color .2s linear}.app[theme=dracula] h1 span{color:#ec75c4;transition:color .2s linear}.app[theme=dracula] h2{color:#50fa7b;transition:color .2s linear}.app[theme=dracula] h3{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .route-status{color:#f2f2f2}.app[theme=dracula] .details ul span{color:#50fa7b;transition:color .2s linear}.app[theme=dracula] .skill-list .skill{background-color:#bd93f91a;transition:color .2s linear}.app[theme=dracula] .project-details{background-color:#bd93f91a;transition:background-color .2s linear}.app[theme=dracula] .project-details .title-container .project-link svg{fill:#f2f2f2;transition:fill .2s linear}.app[theme=dracula] .project-details .title-container .project-link svg:hover{fill:#50fa7b;transition:fill .2s linear}.app[theme=dracula] .project-details .project-description{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .project-details .project-tools .tool{background-color:#282a36;color:#bd93f9;transition:color .2s linear}.app[theme=dracula] .name-chars:hover,.app[theme=dracula] .title:hover{color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .navbar-container{background-color:#282a36;transition:background-color .2s linear}.app[theme=dracula] .navbar-container .logo-container a{color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .navbar-container .logo-container a:hover{color:#50fa7b}.app[theme=dracula] .navbar-container .nav-list a{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .navbar-container .nav-list a:hover{color:#50fa7b!important}.app[theme=dracula] .navbar-container .nav-list li span{color:#50fa7b;transition:color .2s linear}.app[theme=dracula] .navbar-container .nav-list-container-mobile{background-color:#282a36;transition:background-color .2s linear}.app[theme=dracula] .navbar-container .nav-list-mobile li a{color:#f2f2f2!important}.app[theme=dracula] .navbar-container .nav-list-mobile li a span{color:#ec75c4!important}.app[theme=dracula] .navbar-container .social-links{fill:#bd93f9;transition:fill .2s linear}.app[theme=dracula] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger{background:#50fa7b}.app[theme=dracula] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before{background:#50fa7b}.app[theme=dracula] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{background:#50fa7b}.app[theme=dracula] .theme-container .theme-list-container button{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .theme-container .theme-list-container li span{color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .theme-container .theme-list-container .theme-list{background-color:#353742;border-color:#554a70;transition:background-color .2s linear,border-color .2s linear}.app[theme=dracula] .toggle-button-container button{font-family:Major Mono Display,sans-serif;color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .toggle-button-container button:after{background-color:#ec75c4;transition:background-color .2s linear}.app[theme=dracula] .contact-statement p{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .email-button svg{fill:#ec75c4;transition:fill .2s linear}.app[theme=dracula] .email-button a{color:#ec75c4;border-color:#ec75c4!important;transition:border-color .2s linear;transition:color .2s linear}.app[theme=dracula] .email-button a h3{color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .email-button a:hover{color:#50fa7b;border-color:#50fa7b!important;background-color:#bd93f91a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=dracula] .email-button a:hover h3{color:#50fa7b;transition:color .2s linear}.app[theme=dracula] .email-button a:hover svg{fill:#50fa7b;transition:fill .2s linear}.app[theme=dracula] .resume-button svg{fill:#f2f2f2;transition:fill .2s linear}.app[theme=dracula] .resume-button a{color:#50fa7b;border-color:#50fa7b!important;background-color:#bd93f91a;transition:border-color .2s linear;transition:color .2s linear}.app[theme=dracula] .resume-button a h3{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .resume-button a:hover{color:#ec75c4;border-color:#ec75c4!important;background-color:#bd93f91a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=dracula] .resume-button a:hover h3{color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .resume-button a:hover svg{fill:#ec75c4;transition:fill .2s linear}.app[theme=dracula] .footer-container .social-links:after{background-color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .footer-container .social-links .link{fill:#f2f2f2;transition:fill .2s linear}.app[theme=dracula] .footer-container .social-links .link:hover{fill:#ec75c4;transition:fill .2s linear}.app[theme=dracula] .social-links:after{background-color:#ec75c4;transition:color .2s linear}.app[theme=dracula] .social-links svg{fill:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .social-links svg:hover{color:#ec75c4;transition:color .2s linear}@media(max-width:850px){.app[theme=dracula] .social-links h2{color:#f2f2f2;transition:color .2s linear}.app[theme=dracula] .social-links svg{fill:#bd93f9;transition:color .2s linear}}.app[theme=ryujin] * ::-webkit-scrollbar-thumb{background-color:#a4614f;transition:background-color .2s linear}.app[theme=ryujin] *{scrollbar-color:#a4614f #081426;transition:scrollbar-color .2s linear}.app[theme=ryujin] .page-container{background-color:#081426;transition:background-color .2s linear}.app[theme=ryujin] h1,.app[theme=ryujin] h1 span,.app[theme=ryujin] h2{color:#f17754;transition:color .2s linear}.app[theme=ryujin] h3{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .route-status{color:#efeae9}.app[theme=ryujin] .details ul span{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .skill-list .skill{background-color:#f176541a;transition:color .2s linear}.app[theme=ryujin] .project-details{background-color:#f176541a;transition:background-color .2s linear}.app[theme=ryujin] .project-details .title-container .project-link svg{fill:#efeae9;transition:fill .2s linear}.app[theme=ryujin] .project-details .title-container .project-link svg:hover{fill:#f17754;transition:fill .2s linear}.app[theme=ryujin] .project-details .project-description{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .project-details .project-tools .tool{background-color:#081426;color:#f17754;transition:color .2s linear}.app[theme=ryujin] .name-chars:hover,.app[theme=ryujin] .title:hover{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .navbar-container{background-color:#081426;transition:background-color .2s linear}.app[theme=ryujin] .navbar-container .logo-container a{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .navbar-container .logo-container a:hover{color:#f17754}.app[theme=ryujin] .navbar-container .nav-list a{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .navbar-container .nav-list a:hover{color:#f17754!important}.app[theme=ryujin] .navbar-container .nav-list li span{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .navbar-container .nav-list-container-mobile{background-color:#081426;transition:background-color .2s linear}.app[theme=ryujin] .navbar-container .nav-list-mobile li a{color:#efeae9!important}.app[theme=ryujin] .navbar-container .nav-list-mobile li a span{color:#f17754!important}.app[theme=ryujin] .navbar-container .social-links{fill:#f17754;transition:fill .2s linear}.app[theme=ryujin] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger{background:#f17754}.app[theme=ryujin] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before{background:#f17754}.app[theme=ryujin] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{background:#f17754}.app[theme=ryujin] .theme-container .theme-list-container button{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .theme-container .theme-list-container li span{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .theme-container .theme-list-container .theme-list{background-color:#172233;border-color:#4e3234;transition:background-color .2s linear,border-color .2s linear}.app[theme=ryujin] .toggle-button-container button{font-family:Major Mono Display,sans-serif;color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .toggle-button-container button:after{background-color:#f17754;transition:background-color .2s linear}.app[theme=ryujin] .contact-statement p{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .email-button svg{fill:#f17754;transition:fill .2s linear}.app[theme=ryujin] .email-button a{color:#f17754;border-color:#f17754!important;transition:border-color .2s linear;transition:color .2s linear}.app[theme=ryujin] .email-button a h3{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .email-button a:hover{color:#f17754;border-color:#f17754!important;background-color:#f176541a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=ryujin] .email-button a:hover h3{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .email-button a:hover svg{fill:#f17754;transition:fill .2s linear}.app[theme=ryujin] .resume-button svg{fill:#efeae9;transition:fill .2s linear}.app[theme=ryujin] .resume-button a{color:#f17754;border-color:#f17754!important;background-color:#f176541a;transition:border-color .2s linear;transition:color .2s linear}.app[theme=ryujin] .resume-button a h3{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .resume-button a:hover{color:#f17754;border-color:#f17754!important;background-color:#f176541a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=ryujin] .resume-button a:hover h3{color:#f17754;transition:color .2s linear}.app[theme=ryujin] .resume-button a:hover svg{fill:#f17754;transition:fill .2s linear}.app[theme=ryujin] .footer-container .social-links:after{background-color:#f17754;transition:color .2s linear}.app[theme=ryujin] .footer-container .social-links .link{fill:#efeae9;transition:fill .2s linear}.app[theme=ryujin] .footer-container .social-links .link:hover{fill:#f17754;transition:fill .2s linear}.app[theme=ryujin] .social-links:after{background-color:#f17754;transition:color .2s linear}.app[theme=ryujin] .social-links svg{fill:#efeae9;transition:color .2s linear}.app[theme=ryujin] .social-links svg:hover{color:#f17754;transition:color .2s linear}@media(max-width:850px){.app[theme=ryujin] .social-links h2{color:#efeae9;transition:color .2s linear}.app[theme=ryujin] .social-links svg{fill:#f17754;transition:color .2s linear}}.app[theme=grape] * ::-webkit-scrollbar-thumb{background-color:#684664;transition:background-color .2s linear}.app[theme=grape] *{scrollbar-color:#684664 #221223;transition:scrollbar-color .2s linear}.app[theme=grape] .page-container{background-color:#221223;transition:background-color .2s linear}.app[theme=grape] h1{color:#d68cce;transition:color .2s linear}.app[theme=grape] h1 span{color:#765de7;transition:color .2s linear}.app[theme=grape] h2{color:#9873c4;transition:color .2s linear}.app[theme=grape] h3{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .route-status{color:#f8eee7}.app[theme=grape] .details ul span{color:#9873c4;transition:color .2s linear}.app[theme=grape] .skill-list .skill{background-color:#d68cce1a;transition:color .2s linear}.app[theme=grape] .project-details{background-color:#d68cce1a;transition:background-color .2s linear}.app[theme=grape] .project-details .title-container .project-link svg{fill:#f8eee7;transition:fill .2s linear}.app[theme=grape] .project-details .title-container .project-link svg:hover{fill:#9873c4;transition:fill .2s linear}.app[theme=grape] .project-details .project-description{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .project-details .project-tools .tool{background-color:#221223;color:#d68cce;transition:color .2s linear}.app[theme=grape] .name-chars:hover,.app[theme=grape] .title:hover{color:#765de7;transition:color .2s linear}.app[theme=grape] .navbar-container{background-color:#221223;transition:background-color .2s linear}.app[theme=grape] .navbar-container .logo-container a{color:#765de7;transition:color .2s linear}.app[theme=grape] .navbar-container .logo-container a:hover{color:#9873c4}.app[theme=grape] .navbar-container .nav-list a{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .navbar-container .nav-list a:hover{color:#9873c4!important}.app[theme=grape] .navbar-container .nav-list li span{color:#9873c4;transition:color .2s linear}.app[theme=grape] .navbar-container .nav-list-container-mobile{background-color:#221223;transition:background-color .2s linear}.app[theme=grape] .navbar-container .nav-list-mobile li a{color:#f8eee7!important}.app[theme=grape] .navbar-container .nav-list-mobile li a span{color:#765de7!important}.app[theme=grape] .navbar-container .social-links{fill:#d68cce;transition:fill .2s linear}.app[theme=grape] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger{background:#9873c4}.app[theme=grape] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before{background:#9873c4}.app[theme=grape] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{background:#9873c4}.app[theme=grape] .theme-container .theme-list-container button{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .theme-container .theme-list-container li span{color:#765de7;transition:color .2s linear}.app[theme=grape] .theme-container .theme-list-container .theme-list{background-color:#2f2030;border-color:#583756;transition:background-color .2s linear,border-color .2s linear}.app[theme=grape] .toggle-button-container button{font-family:Major Mono Display,sans-serif;color:#f8eee7;transition:color .2s linear}.app[theme=grape] .toggle-button-container button:after{background-color:#765de7;transition:background-color .2s linear}.app[theme=grape] .contact-statement p{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .email-button svg{fill:#765de7;transition:fill .2s linear}.app[theme=grape] .email-button a{color:#765de7;border-color:#765de7!important;transition:border-color .2s linear;transition:color .2s linear}.app[theme=grape] .email-button a h3{color:#765de7;transition:color .2s linear}.app[theme=grape] .email-button a:hover{color:#9873c4;border-color:#9873c4!important;background-color:#d68cce1a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=grape] .email-button a:hover h3{color:#9873c4;transition:color .2s linear}.app[theme=grape] .email-button a:hover svg{fill:#9873c4;transition:fill .2s linear}.app[theme=grape] .resume-button svg{fill:#f8eee7;transition:fill .2s linear}.app[theme=grape] .resume-button a{color:#9873c4;border-color:#9873c4!important;background-color:#d68cce1a;transition:border-color .2s linear;transition:color .2s linear}.app[theme=grape] .resume-button a h3{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .resume-button a:hover{color:#765de7;border-color:#765de7!important;background-color:#d68cce1a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=grape] .resume-button a:hover h3{color:#765de7;transition:color .2s linear}.app[theme=grape] .resume-button a:hover svg{fill:#765de7;transition:fill .2s linear}.app[theme=grape] .footer-container .social-links:after{background-color:#765de7;transition:color .2s linear}.app[theme=grape] .footer-container .social-links .link{fill:#f8eee7;transition:fill .2s linear}.app[theme=grape] .footer-container .social-links .link:hover{fill:#765de7;transition:fill .2s linear}.app[theme=grape] .social-links:after{background-color:#765de7;transition:color .2s linear}.app[theme=grape] .social-links svg{fill:#f8eee7;transition:color .2s linear}.app[theme=grape] .social-links svg:hover{color:#765de7;transition:color .2s linear}@media(max-width:850px){.app[theme=grape] .social-links h2{color:#f8eee7;transition:color .2s linear}.app[theme=grape] .social-links svg{fill:#d68cce;transition:color .2s linear}}.app[theme=froyo-dark] * ::-webkit-scrollbar-thumb{background-color:#219274;transition:background-color .2s linear}.app[theme=froyo-dark] *{scrollbar-color:#219274 #1b180f;transition:scrollbar-color .2s linear}.app[theme=froyo-dark] .page-container{background-color:#1b180f;transition:background-color .2s linear}.app[theme=froyo-dark] h1{color:#ff7e73;transition:color .2s linear}.app[theme=froyo-dark] h1 span{color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] h2{color:#08d9a3;transition:color .2s linear}.app[theme=froyo-dark] h3{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .route-status{color:#e1dacb}.app[theme=froyo-dark] .details ul span{color:#08d9a3;transition:color .2s linear}.app[theme=froyo-dark] .skill-list .skill{background-color:#08d9a11a;transition:color .2s linear}.app[theme=froyo-dark] .project-details{background-color:#08d9a11a;transition:background-color .2s linear}.app[theme=froyo-dark] .project-details .title-container .project-link svg{fill:#e1dacb;transition:fill .2s linear}.app[theme=froyo-dark] .project-details .title-container .project-link svg:hover{fill:#08d9a3;transition:fill .2s linear}.app[theme=froyo-dark] .project-details .project-description{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .project-details .project-tools .tool{background-color:#1b180f;color:#ff7e73;transition:color .2s linear}.app[theme=froyo-dark] .name-chars:hover,.app[theme=froyo-dark] .title:hover{color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .navbar-container{background-color:#1b180f;transition:background-color .2s linear}.app[theme=froyo-dark] .navbar-container .logo-container a{color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .navbar-container .logo-container a:hover{color:#08d9a3}.app[theme=froyo-dark] .navbar-container .nav-list a{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .navbar-container .nav-list a:hover{color:#08d9a3!important}.app[theme=froyo-dark] .navbar-container .nav-list li span{color:#08d9a3;transition:color .2s linear}.app[theme=froyo-dark] .navbar-container .nav-list-container-mobile{background-color:#1b180f;transition:background-color .2s linear}.app[theme=froyo-dark] .navbar-container .nav-list-mobile li a{color:#e1dacb!important}.app[theme=froyo-dark] .navbar-container .nav-list-mobile li a span{color:#f5c370!important}.app[theme=froyo-dark] .navbar-container .social-links{fill:#ff7e73;transition:fill .2s linear}.app[theme=froyo-dark] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger{background:#08d9a3}.app[theme=froyo-dark] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:before{background:#08d9a3}.app[theme=froyo-dark] .navbar-container .nav-toggle-container .toggle-button-container .toggle-button .hamburger:after{background:#08d9a3}.app[theme=froyo-dark] .theme-container .theme-list-container button{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .theme-container .theme-list-container li span{color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .theme-container .theme-list-container .theme-list{background-color:#29261d;border-color:#5f372d;transition:background-color .2s linear,border-color .2s linear}.app[theme=froyo-dark] .toggle-button-container button{font-family:Major Mono Display,sans-serif;color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .toggle-button-container button:after{background-color:#f5c370;transition:background-color .2s linear}.app[theme=froyo-dark] .contact-statement p{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .email-button svg{fill:#f5c370;transition:fill .2s linear}.app[theme=froyo-dark] .email-button a{color:#f5c370;border-color:#f5c370!important;transition:border-color .2s linear;transition:color .2s linear}.app[theme=froyo-dark] .email-button a h3{color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .email-button a:hover{color:#08d9a3;border-color:#08d9a3!important;background-color:#08d9a11a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=froyo-dark] .email-button a:hover h3{color:#08d9a3;transition:color .2s linear}.app[theme=froyo-dark] .email-button a:hover svg{fill:#08d9a3;transition:fill .2s linear}.app[theme=froyo-dark] .resume-button svg{fill:#e1dacb;transition:fill .2s linear}.app[theme=froyo-dark] .resume-button a{color:#08d9a3;border-color:#08d9a3!important;background-color:#08d9a11a;transition:border-color .2s linear;transition:color .2s linear}.app[theme=froyo-dark] .resume-button a h3{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .resume-button a:hover{color:#f5c370;border-color:#f5c370!important;background-color:#08d9a11a;transition:background-color .2s linear;transition:border-color .2s linear}.app[theme=froyo-dark] .resume-button a:hover h3{color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .resume-button a:hover svg{fill:#f5c370;transition:fill .2s linear}.app[theme=froyo-dark] .footer-container .social-links:after{background-color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .footer-container .social-links .link{fill:#e1dacb;transition:fill .2s linear}.app[theme=froyo-dark] .footer-container .social-links .link:hover{fill:#f5c370;transition:fill .2s linear}.app[theme=froyo-dark] .social-links:after{background-color:#f5c370;transition:color .2s linear}.app[theme=froyo-dark] .social-links svg{fill:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .social-links svg:hover{color:#f5c370;transition:color .2s linear}@media(max-width:850px){.app[theme=froyo-dark] .social-links h2{color:#e1dacb;transition:color .2s linear}.app[theme=froyo-dark] .social-links svg{fill:#ff7e73;transition:color .2s linear}}.theme-container{position:absolute;bottom:0;right:2rem;display:flex;text-align:left;align-items:center;visibility:visible}@media(max-width:480px){.theme-container{right:1rem}}.theme-container li button{background:none;border:none;font-family:Major Mono Display,sans-serif;font-size:2.2rem}.theme-container .theme-list-container{position:relative;z-index:2}.theme-container .theme-list{display:flex;flex-direction:column;gap:3rem;padding:4rem 2rem;border-radius:.5rem;border:1px solid;box-shadow:0 .8rem 2.4rem #00000059;margin-bottom:2rem;margin-right:4rem;list-style:none}.theme-container .toggle-button-container{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;width:3rem;z-index:2}.theme-container .toggle-button-container button{background:none;border:none;display:flex;flex-direction:column;align-items:center;font-size:2.6rem;padding:0rem}.theme-container .toggle-button-container button span{margin:1rem 0;writing-mode:vertical-lr}.theme-container .toggle-button-container button:after{content:"";display:block;width:.1rem;height:7rem}@media(max-width:480px){.theme-container .toggle-button-container button:after{height:3rem}}.footer-container{display:flex;justify-content:center;position:absolute;z-index:3;left:0;bottom:0;width:100%;padding:0rem 2.5rem}@media(max-width:850px){.footer-container{padding:0rem 1rem}}.footer-content{width:100%;max-width:1800px;height:fit-content;position:relative}.footer-content .social-links{display:flex;flex-direction:column;align-items:center;gap:2rem;width:3rem;position:absolute;bottom:0;left:2rem}.footer-content .social-links:after{content:"";display:block;width:.1rem;height:7rem}.footer-content .social-links .link svg{width:2rem;height:2rem}@media(max-width:850px){.footer-content .social-links{display:none}}.footer-content .toggle-button-container{display:flex;flex-direction:column;position:absolute;bottom:0;right:2rem;width:3rem;z-index:2}@media(max-width:850px){.footer-content .toggle-button-container{right:0}}.footer-content .toggle-button-container button{background:none;border:none;display:flex;flex-direction:column;align-items:center;font-size:2.6rem;padding:0rem}.footer-content .toggle-button-container button span{margin:1rem 0;writing-mode:vertical-lr}.footer-content .toggle-button-container button:after{content:"";display:block;width:.1rem;height:7rem}@media(max-width:480px){.footer-content .toggle-button-container button:after{height:3rem}}.page-container{margin-top:9rem;height:calc(100vh - 9rem);height:calc(var(--vh, 1vh) * 100 - 9rem);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;overflow-y:auto}.page-container.page-animating{scrollbar-width:none}.page-container.page-animating::-webkit-scrollbar{display:none}.page-container.page-animating *{scrollbar-width:none}.page-container.page-animating *::-webkit-scrollbar{display:none}.route-status{max-width:70rem;padding:4rem;font-family:Noto Sans Mono,sans-serif;text-align:center}.route-status h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:2rem}.route-status h3{font-size:1.8rem;font-weight:400;line-height:1.6}.route-status .route-status-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:3rem}.route-status .route-status-actions a,.route-status .route-status-actions button{padding:1rem 2rem;border:1px solid currentColor;border-radius:.4rem;background:none;color:inherit;font:inherit;font-size:1.6rem;cursor:pointer}