:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;box-sizing:border-box;margin:0!important;padding:0!important;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{position:fixed;top:0;left:0;width:100%;background-color:var(--bg-color);z-index:1000;padding-top:1em}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding-bottom:1em}.navbar-left,.navbar-mobile-left{width:40px;padding-left:1em}.navbar-left img,.navbar-mobile-left img{width:100%;height:100%}.nav-name{text-decoration:none;color:var(--title-color);font-size:1.5rem;font-weight:500;font-family:Raleway,sans-serif}.mobile-menu-icon{display:block;cursor:pointer;padding-right:16px;margin-right:16px}.burger-line{width:25px;height:3px;background-color:var(--text-color);margin:4px 0;transition:transform .3s ease}.mobile-menu{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color);border-top:1px solid var(--subtitle-color)}.mobile-menu-item{text-decoration:none;font-family:Raleway,sans-serif;font-weight:500;color:var(--text-color);padding:1rem 0;width:100%;text-align:center;font-size:1.5em}.mobile-menu-item:hover{color:#d6293d}.navbar-desktop .dark-mode-toggle{display:block;position:relative;bottom:0;left:0;color:var(--text-color);border:none!important;font-size:1.125em}.mobile-menu .dark-mode-toggle{position:relative;left:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:400;margin-top:1rem;margin-bottom:8rem;border-color:var(--subtitle-color)!important;width:fit-content;padding:.5rem 1rem}.mobile-menu .dark-mode-toggle svg{font-size:1.5em}.navbar-desktop{display:none}.navbar-left .nav-link,.navbar-right .nav-link{color:var(--text-color);font-size:1rem}.navbar-left .nav-link:hover,.navbar-right .nav-link:hover{color:var(--subtitle-color)}.mobile-menu .link-tiles{display:flex;flex-direction:column;justify-content:space-between;bottom:0;gap:1rem;margin:3rem 0 2rem;width:100%}.mobile-menu .link-tiles svg{color:var(--text-color)}.navbar .tile{display:flex;flex-direction:row;padding:1.5rem;justify-content:space-between;align-items:center;color:var(--subtitle-color)}.navbar .tile:hover{scale:1.03;color:var(--title-color)}.navbar .mobile-menu{height:92vh;padding-inline:16px;padding-top:48px;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.navbar .mobile-menu .mobile-menu-item{text-align:left;font-size:2.5em;font-weight:600}@media screen and (min-width: 428px){.mobile-menu .dark-mode-toggle{margin-top:2rem;margin-bottom:10rem}}@media screen and (min-width: 768px){.mobile-menu-icon,.mobile-menu{display:none}.navbar{padding-inline:0}.navbar-container{padding-inline:24px}.navbar-desktop{display:flex;align-items:center;width:100%}.navbar-left,.navbar-right{display:flex;align-items:center;padding-left:0}.navbar-mobile-left{display:none}.navbar-left .nav-link,.navbar-right .nav-link{margin:0 1rem;text-decoration:none}.navbar-right .nav-link,.navbar-left .nav-link{margin:0}.navbar-right{margin-left:auto;gap:1rem}.navbar-center{text-align:center;flex:1}}@media screen and (min-width: 1280px){.navbar-right{gap:2rem}}@media screen and (min-width: 1600px){.navbar-container{padding-inline:56px}}@media screen and (min-width: 1920px){.navbar{padding-top:1.5rem}.navbar-container{padding-inline:250px}.navbar-left{width:48px}.navbar-right .nav-link{font-size:1.125em}.navbar-right .dark-mode-toggle svg{font-size:1.25em}}@media screen and (min-width: 2560px){.navbar{padding-top:1.75rem}.nav-name{font-size:1.75em}.navbar-right .nav-link,.navbar-left .nav-link{font-size:1.25em}.navbar-container{padding-inline:350px}}@media screen and (min-width: 3440px){.navbar-container{padding-inline:20%}}.burger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.home-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color)}.home-content{width:100%;max-width:calc(100% - 3rem);border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:94px;margin-bottom:24px;height:100%;position:relative}.home_text_container{text-align:left}.home_text_container h1{font-family:Raleway,sans-serif;font-size:2.5em;font-weight:800;color:var(--title-color);margin-bottom:16px}.home_text_container h1 span{color:#e33c4e}.home_text_container p{font-family:Raleway,sans-serif;font-size:1em;color:var(--text-color);line-height:1.6;margin-bottom:24px}.home-right{width:100%}.home_image_container{background-color:#b53543;display:flex;justify-content:center;align-items:center;border-radius:8px;width:100%}.home_image_container img{width:70%;padding-top:32px;height:auto}.home-content span{color:var(--text-color)}.home-typed-role{font-size:2em;font-weight:600;font-family:Raleway,sans-serif;color:var(--text-color);letter-spacing:-.02em;margin-top:24px}.home-typed-role.desktop{display:none}.home-typed-text{position:absolute;bottom:10%;padding-inline:24px}.city{font-size:1em;color:var(--subtitle-color);font-weight:400;margin-bottom:2%}.dark-mode-toggle{position:absolute;bottom:16px;left:16px;border:var(--form-border) 2px solid!important;color:var(--text-color);background-color:var(--bg-color);display:none}.link-tiles{display:none;flex-direction:row;justify-content:space-between;bottom:0}.link-tiles a{color:var(--text-color)}.tile{border:2px #505050 solid;padding:1rem;border-radius:8px;transition:all .2s ease-in-out}.tile:hover{scale:1.1;cursor:pointer;border:2px #d6293d solid}.link-tiles svg{font-size:2em}@media screen and (min-width: 768px){.home-content{max-width:calc(100% - 3rem);margin-bottom:8px}.home-container h1{font-size:4em}.home_text_container p{font-size:1.125em}.home_image_container img{width:45%}.home-typed-role{margin-top:16px;font-size:2.5em}.city{margin-top:9px}}@media screen and (min-width: 1280px){.home-content{flex-direction:row;margin-top:104px;margin-bottom:16px;max-width:calc(100% - 4rem)}.home_text_container h1{margin-top:0}.home_text_container p{width:80%}.home-typed-role.mobile{display:none}.home-typed-role.desktop{display:block;margin-top:80px}.home-right{width:30%}.link-tiles{margin-top:16px;padding-inline:.5rem;display:flex}.home_image_container{width:100%}.home_image_container img{width:80%}.city{margin-bottom:1%;margin-left:auto;margin-right:2rem}}@media screen and (min-width: 1600px){.home-content{max-width:calc(100% - 8rem)}.home_text_container p{font-size:1.25em;width:70%}.link-tiles{padding-inline:1.125rem}.tile{padding:1.5rem}.city{margin-right:4rem}}@media screen and (min-width: 1920px){.home-content{max-width:calc(100% - 32rem)}.home_text_container h1{font-size:6em;margin-top:0}.home_text_container p{font-size:1.5em;width:80%}.home-right{width:40%}.link-tiles{padding-inline:0;margin-top:1.5rem}.tile svg{font-size:2.5em}.home-typed-role{font-size:4em}.city{letter-spacing:.02em;margin-right:16rem}}@media screen and (min-width: 2560px){.home-content{margin-top:112px;margin-bottom:24px;max-width:calc(100% - 44rem)}.home_text_container h1{font-size:8em}.home-right{width:30%}.tile{padding:2rem}.tile svg{font-size:3em}.home_image_container img{width:70%;padding-top:20%}.city{margin-right:22rem}}@media screen and (min-width: 3440px){.home-content{max-width:60%}.home-content h1{font-size:8em}.home_image_container img{width:70%;padding-top:25%}.tile{padding:2.5rem}.tile svg{font-size:3.5em}.city{margin-right:20%}}.image-carousel{position:relative;display:flex;align-items:center;justify-content:center}.image-carousel img{max-height:380px;max-width:100%;height:auto;display:block}.carousel-button{position:absolute;background-color:#0000004d;color:#fff;font-size:1.25em;border:none;padding:8px 10px;cursor:pointer}.prev-button{left:10px}.next-button{right:10px}.html{border-bottom:#f16f37 solid 2px!important;padding:2px 12px;font-size:1em}.css{border-bottom:#3c99dc solid 2px!important;padding:2px 12px;font-size:1em}.react{border-bottom:#61dbfb solid 2px!important;padding:2px 12px;font-size:1em}.typescript{border-bottom:#255aa5 solid 2px!important;padding:2px 12px;font-size:1em}.python{border-bottom:#275980 solid 2px!important;padding:2px 12px;font-size:1em}.nodejs{border-bottom:#6b9e3d solid 2px!important;padding:2px 12px;font-size:1em}.sql,.mysql{border-bottom:#005f73 solid 2px!important;padding:2px 12px;font-size:1em}.aws{border-bottom:#ff9900 solid 2px!important;padding:2px 12px;font-size:1em}.javascript{border-bottom:#f7df1e solid 2px!important;padding:2px 12px;font-size:1em}.figma{border-bottom:#a259ff solid 2px!important;padding:2px 12px;font-size:1em}.dart{border-bottom:#042b59 solid 2px!important;padding:2px 12px;font-size:1em}.flutter{border-bottom:#0553b1 solid 2px!important;padding:2px 12px;font-size:1em}.wordpress{border-bottom:#00749c solid 2px!important;padding:2px 12px;font-size:1em}.gsap{border-bottom:#0ae24a solid 2px!important;padding:2px 12px;font-size:1em}.php{border-bottom:#777bb3 solid 2px!important;padding:2px 12px;font-size:1em}.shopify{border-bottom:#95bf47 solid 2px!important;padding:2px 12px;font-size:1em}.software-project{margin-bottom:80px;display:flex;flex-direction:column}.software-project-img{width:100%;border-radius:8px;overflow:hidden}.software-project-img img{width:100%;object-fit:cover;height:300px;border-radius:8px}.software-project-text{text-align:left}.software-project-title{margin:8px 0 0;color:var(--title-color);font-size:1.75em;font-family:Raleway,sans-serif}.software-project-subtitle{margin:0;color:var(--subtitle-color);font-family:Oxanium,sans-serif;font-weight:500;font-size:1em}.software-project-description,.project-description{color:var(--text-color);font-family:Open Sans,sans-serif;line-height:1.4}.technologies{margin-bottom:8px;font-weight:600}p.technologies,.project-subheading{font-weight:600;font-size:1.125em;color:var(--title-color);margin-top:0}.technology-list{display:flex;flex-wrap:wrap;gap:0 16px}.technology-list p{font-size:1em;letter-spacing:.01em;margin-top:0;color:var(--text-color)}p.software-project-links{color:var(--text-color);font-weight:500}.software-project-links a{color:var(--text-color);font-weight:400}.software-project-links a:hover{color:#61dbfb}@media screen and (min-width: 768px){.software-project{display:flex;flex-direction:row;gap:32px;align-items:center}.software-project.reverse{flex-direction:row-reverse}.software-project-img{flex:1}.software-project-img img{height:400px}.software-project-text{flex:1}}@media screen and (min-width: 1280px){.portfolio-header{margin-inline:104px!important}.software-project-img{flex:1}.software-project-img img{height:300px}.software-project-text{flex:2}}@media screen and (min-width: 1600px){.portfolio-header{margin-inline:200px!important}}@media screen and (min-width: 1920px){.portfolio-header{margin-inline:400px!important}}@media screen and (min-width: 2560px){.portfolio-header{margin-inline:500px!important}}@media screen and (min-width: 3440px){.portfolio-header{margin-inline:12%!important}.software-project-img img{height:400px}}body{background-color:var(--bg-color)}.portfolio-header{margin-top:144px;text-align:left;margin-inline:16px;margin-bottom:48px}.portfolio-projects{margin-inline:16px}.portfolio-title{font-family:Futura PT,sans-serif;font-weight:400;font-size:4em;text-transform:uppercase;color:var(--title-color);letter-spacing:-.06em;margin:0}.portfolio-subtitle{font-family:Oxanium,sans-serif;font-size:1em;margin:0;color:var(--subtitle-color);font-weight:400}.portfolio-description{font-size:1em;color:var(--text-color);padding-top:24px;line-height:1.4}.technology-list p{border-bottom:2px solid #aeaeae}@media screen and (min-width: 768px){.portfolio-header,.portfolio-projects{margin-inline:24px}}@media screen and (min-width: 1280px){.portfolio-header,.portfolio-projects{margin-inline:104px!important}}@media screen and (min-width: 1600px){.portfolio-header,.portfolio-projects{margin-inline:200px!important}}@media screen and (min-width: 1920px){.portfolio-header,.portfolio-projects{margin-inline:400px!important}}@media screen and (min-width: 2560px){.portfolio-header,.portfolio-projects{margin-inline:25%!important}}.engineering-project{margin-bottom:80px}.engineering-project-img{height:380px;width:100%;border-radius:8px;overflow:hidden}.engineering-project-img img{width:100%;object-fit:cover;height:100%;border-radius:8px}.engineering-project-text{text-align:left;margin-top:16px}.engineering-project-title{margin:0 0 16px;color:var(--title-color);text-align:left;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.engineering-project-title h2{font-size:2em;font-family:Raleway,sans-serif;font-weight:500}.engineering-project-title button{border:none;padding:0;color:var(--text-color);font-family:Raleway,sans-serif;font-weight:500;cursor:pointer;font-size:1em;background-color:var(--subtitle-color);padding:.5rem}.engineering-project-title button:hover{background-color:var(--text-color);color:var(--bg-color)}.engineering-project-subtitle{margin:0;color:#aeaeae;font-family:Oxanium,sans-serif;font-weight:500;font-size:1em}.engineering-project-description{color:var(--text-color);font-size:1em;font-weight:400;font-family:Oxanium,sans-serif;line-height:1.4}.engineering-project-text .project-subheading{margin-bottom:0}.engineering-project-description{margin-top:8px}#Engineering .portfolio-projects{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width: 768px){#Engineering .portfolio-projects{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1280px){#Engineering .portfolio-projects{margin-inline:16px}}@media screen and (min-width: 1600px){#Engineering .portfolio-projects{margin-inline:200px}}@media screen and (min-width: 1920px){#Engineering .portfolio-projects{margin-inline:400px}}@media screen and (min-width: 2560px){#Engineering .portfolio-projects{margin-inline:500px;gap:24px}}@media screen and (min-width: 3440px){#Engineering .portfolio-projects{margin-inline:20%}#Engineering .portfolio-header{margin-inline:20%!important}}.three-canvas{height:400px!important;width:calc(100% - 32px)!important;margin-inline:auto;border-radius:8px;margin-top:64px}@media screen and (min-width: 768px){.three-canvas{width:calc(100% - 48px)!important}}@media screen and (min-width: 1600px){.three-canvas{width:calc(100% - 128px)!important;height:420px!important}}@media screen and (min-width: 1920px){.three-canvas{width:calc(100% - 400px)!important;height:450px!important}}@media screen and (min-width: 2560px){.three-canvas{width:calc(100% - 650px)!important;height:500px!important}}@media screen and (min-width: 3440px){.three-canvas{width:70%!important;height:600px!important}}#ProjectDetail{margin-top:70px}#ProjectDetail .project-header{margin-top:148px;text-align:left;margin-inline:16px}#ProjectDetail .project-header .project-title{color:var(--title-color);font-family:Futura PT,sans-serif;font-weight:400;font-size:3.5em;margin:0}#ProjectDetail .project-header .project-subtitle{color:var(--subtitle-color);font-family:Oxanium,sans-serif;font-weight:500;margin-top:0}#ProjectDetail .project-text{color:var(--text-color);text-align:left;font-family:Oxanium,sans-serif;font-weight:400;margin-block:48px;margin-inline:16px}#ProjectDetail .portfolio-description{color:#aeaeae!important}.portfolio-projects{display:flex;flex-wrap:wrap;justify-content:space-between}.project-image{width:100%;display:block;margin:0 auto}.project-versions{display:grid;grid-template-columns:1fr;gap:16px;margin-inline:16px}.project-versions div{display:flex;flex-direction:column}.project-versions div h5{color:var(--title-color);font-weight:400;margin:8px 0 0;text-align:left}img.version-image{width:100%;height:100%;display:block;border-radius:8px}.project-charts{display:grid;grid-template-columns:1fr;margin-top:20px;margin-inline:16px;margin-bottom:64px}.chart:nth-child(2){margin-top:40px}.chart{width:100%;display:flex;flex-direction:column}.chart h4{color:var(--title-color);font-family:Futura PT,sans-serif;font-size:1.125em;font-weight:500;text-align:left;margin-bottom:8px}.chart img{width:100%;height:100%;object-fit:cover;border-radius:8px}@media screen and (min-width: 768px){#ProjectDetail .project-header{margin-inline:24px;padding-top:72px}#ProjectDetail .project-header .project-title{font-size:4em}#ProjectDetail .project-description{margin-top:32px}#ProjectDetail .project-text,#ProjectDetail .project-versions,#ProjectDetail .project-charts{margin-inline:24px}}@media screen and (min-width: 1280px){.project-charts{grid-template-columns:1fr 1fr;gap:16px}.chart:nth-child(2){margin-top:0}.project-versions{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width: 1600px){#ProjectDetail .project-header{margin-inline:64px;padding-top:80px}#ProjectDetail .project-header .project-title{font-size:5em}#ProjectDetail .project-text,#ProjectDetail .project-versions,#ProjectDetail .project-charts{margin-inline:64px}}@media screen and (min-width: 1920px){#ProjectDetail .project-header{margin-inline:200px;padding-top:80px}#ProjectDetail .project-header .project-title{font-size:6em}#ProjectDetail .project-header .project-subtitle{font-size:1.25em}#ProjectDetail .project-text,#ProjectDetail .project-description{font-size:1.25em}#ProjectDetail .project-text,#ProjectDetail .project-versions,#ProjectDetail .project-charts{margin-inline:200px}}@media screen and (min-width: 2560px){#ProjectDetail .project-header{margin-inline:325px;padding-top:96px}#ProjectDetail .project-header .project-title{font-size:7.5em}#ProjectDetail .project-header .project-subtitle{font-size:1.5em}#ProjectDetail .project-text,#ProjectDetail .project-description{font-size:1.25em}#ProjectDetail .project-text{margin-block:64px}#ProjectDetail .project-text,#ProjectDetail .project-versions,#ProjectDetail .project-charts{margin-inline:325px}}@media screen and (min-width: 3440px){#ProjectDetail .project-header,#ProjectDetail .project-text,#ProjectDetail .project-versions,#ProjectDetail .project-charts{margin-inline:15%}}.about-header{display:flex;flex-direction:column;margin-inline:16px;margin-top:104px}.about-header-text{display:flex;flex-direction:row;justify-content:center;gap:16px;flex:1;align-items:center;color:var(--text-color)}.about-header-text .left p,.about-header-text .right p{margin:0}.about-header-img{width:100%;height:100%;flex:1;border-radius:6px}.about-header-img img{width:100%;height:100%;object-fit:cover;border-radius:6px}.about-section{margin-inline:16px}.about-roles{display:flex;flex-direction:column;align-items:flex-start;margin-top:48px;flex:1}.about-roles p{font-family:Raleway,sans-serif;color:var(--title-color);margin:0;font-size:2em;font-weight:600;letter-spacing:.02em;line-height:1.2}.about-description{font-size:1em;text-align:left}.hobbies-container,.wip-container{display:grid;grid-template-columns:1fr}.hobbies-container,.wip-container{gap:16px}.hobbies-container .styled-container{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;border-radius:6px}.wip-container .styled-container{display:flex;flex-direction:column;text-align:left;padding:16px;border-radius:6px}.hobbies-container div p,.wip-container div p,.wip-container h6{color:var(--text-color);margin:0;font-size:1em;line-height:1.2}.about-project-title{padding:0!important;display:flex;justify-content:space-between;align-items:bas;flex-direction:row;margin-bottom:16px}.about-project-title p{font-size:1.25em!important}.about-project-text{margin:0!important;padding-inline:0!important}.about-project-text p:first-child{margin-bottom:12px!important}.contact-tiles{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;gap:16px;margin-bottom:5rem;margin-top:4rem}.contact-tile{display:flex;flex-direction:column;align-items:center}.contact-tile-icon{background-color:var(--bg-color-secondary);color:var(--text-color);font-size:4.5em;width:100%;display:contents;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;cursor:pointer}.contact-tile-label{color:var(--text-color);font-family:Oxanium,sans-serif;font-size:1.5em;margin-top:20px;margin-bottom:32px}.contact-tile-icon .tile-icon{color:var(--text-color)}.tile-icon a{height:100%;width:100%;display:block}.contact-tile-icon:hover .tile-icon.github{fill:#2dba4e}.contact-tile-icon:hover .tile-icon.linkedin{fill:#0072b1}.contact-tile-icon:hover .tile-icon.flickr{fill:#ff0084}.contact-tile-icon:hover .tile-icon.email{color:#ea4335}@keyframes borderRGB{0%{border-color:red}25%{border-color:#0f0}50%{border-color:#00f}75%{border-color:#ff0}to{border-color:red}}.styled-container{position:relative;border:2px solid transparent;border-radius:8px;transition:border .3s ease-in-out}.styled-container:hover{animation:borderRGB 3s linear infinite;border-width:2px}@media screen and (min-width: 768px){.about-header{margin-inline:32px;margin-top:144px;flex-direction:row-reverse;align-items:center}.about-roles{margin-top:0}.about-roles p{font-size:1.75em}.about-header-img img{max-height:420px}.about-section{margin-inline:32px}.hobbies-container,.wip-container{grid-template-columns:1fr 1fr}.wip-container,.hobbies-container{gap:16px}.about-project-title h6{font-size:1em!important}.about-project-text{padding-inline:0!important;gap:8px}.contact-tiles{gap:32px;justify-content:center;margin-top:48px}.contact-tile-icon{font-size:6em}}@media screen and (min-width: 1280px){.about-header{margin-top:104px}.about-header-img img{width:80%;float:right}.about-header-img img{max-height:600px}.hobbies-container div p,.wip-container div p,.wip-container h6{font-size:1.125em}.hobbies-container{grid-template-columns:1fr 1fr 1fr}.about-project-title h6{font-size:1.125em!important}.about-project-title p{font-size:1.5em!important}.about-roles p{font-size:3em;line-height:1}.contact-tiles{justify-content:space-between;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:5rem}.contact-tile-icon{font-size:7em}.contact-tile-label{margin-top:28px}}@media screen and (min-width: 1600px){.about-header{margin-top:136px;margin-inline:112px}.about-section{margin-inline:112px}.about-header-img img{max-height:700px;width:85%}.about-roles p{font-size:3.5em}}@media screen and (min-width: 1920px){.about-header{margin-inline:180px;margin-top:168px}.about-header-img img{width:80%}.about-section{margin-inline:180px}.contact-tile-icon{font-size:8em}}@media screen and (min-width: 2560px){.about-header,.about-section{margin-inline:20%}.about-header-img img{max-height:800px}.about-roles p{font-size:4em}.about-header-img img{width:75%;max-height:1000px}}@media screen and (min-width: 3440px){.about-roles p{font-size:5em}.contact-tile-icon{font-size:10em}}.section-header{display:flex;flex-direction:row;align-items:baseline;margin-top:40px;margin-bottom:48px}.section-header .number{color:#878787;font-size:1.5em;margin-right:16px;margin-bottom:0}.section-header .title{color:var(--title-color);font-weight:400;font-size:1.5em;font-family:Raleway,sans-serif;margin-bottom:0;font-weight:500}.section-header hr{width:24px;height:0;margin-right:0;margin-left:auto}@media screen and (min-width: 1600px){.section-header{margin-bottom:40px}.section-header .title,.section-header .number{font-size:1.75em}}@media screen and (min-width: 1920px){.section-header .title,.section-header .number{font-size:2em}}.photo-container{display:flex;flex-direction:column}.photo-container .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.photo-container .modal-content{position:relative;border-radius:4px;max-width:90%;max-height:100%}.photo-container .modal-img{width:100%;height:auto;display:block;margin-bottom:8px}.photo-container .close-button{position:absolute;top:8px;right:8px;font-size:.825em;background:#444;color:#fff;border:none;padding:8px;cursor:pointer;border-radius:4px}.portfolio-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-inline:16px;padding-bottom:3rem}.gallery-item{margin:0}.gallery-img{width:100%;height:100%;object-fit:cover}.photo-container .portoflio-project-subtitle{margin-top:0}.mosaic-item{position:relative;cursor:pointer;overflow:hidden}.mosaic-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mosaic-img:hover{transform:scale(1.05)}.filter-buttons{display:flex;margin-bottom:16px;margin-top:32px}.filter-buttons button{background-color:transparent;border:1px solid #ccc;color:var(--text-color);font-weight:500;font-size:1em;padding:8px 16px;margin:0 4px;cursor:pointer;transition:background-color .3s ease}.filter-buttons button.active,.filter-buttons button:hover{background-color:#e33c4e;color:#fcfcfc}@media screen and (min-width: 768px){.portfolio-image-grid{grid-template-columns:1fr 1fr 1fr;margin-inline:24px}}@media screen and (min-width: 1280px){.portfolio-image-grid{margin-inline:104px}.modal-img{max-width:90vw;max-height:85vh;object-fit:contain;display:block;margin:auto}.modal-content{max-width:90vw!important;max-height:90vh!important;display:flex;justify-content:center;align-items:center;padding:16px;border-radius:8px}.close-button{top:24px!important;right:24px!important}}@media screen and (min-width: 1600px){.portfolio-image-grid{margin-inline:200px}}@media screen and (min-width: 1920px){.portfolio-image-grid{margin-inline:400px;grid-template-columns:1fr 1fr 1fr 1fr}.modal-content{max-width:95vw!important;max-height:95vh!important}.modal-img{max-width:95vw;max-height:95vh}}@media screen and (min-width: 2560px){.portfolio-image-grid{margin-inline:25%!important}}@media screen and (min-width: 3440px){.portfolio-image-grid,.photo-container .portfolio-header{margin-inline:20%!important}}input,textarea{box-sizing:border-box}.contact-container{display:flex;height:100vh;flex-direction:column;justify-content:center;width:100%}.contact-header{margin-bottom:104px;margin-top:64px}.contact-form-container{margin-inline:16px}.contact-form{width:100%;text-align:left}.form-name{display:flex;gap:20px;width:100%}.name-field{flex:1;display:flex;flex-direction:column}.contact-form label{margin-bottom:5px;font-weight:300;font-size:1.125em;text-align:left;display:inline-block;color:var(--text-color)}.contact-form input{margin-bottom:24px;height:44px}.contact-form input,.contact-form textarea{width:100%;padding:8px;border:2px solid var(--form-border);background-color:var(--bg-color-secondary);border-radius:5px;font-size:16px;font-family:Oxanium,sans-serif;color:var(--text-color);letter-spacing:.053em}.contact-form textarea{resize:vertical;height:150px}.submit-button{margin-top:56px;background-color:var(--button-dark);color:#fcfcfc;font-weight:400;padding:12px;border:none;border-radius:5px;cursor:pointer;width:calc(100% - 32px);margin-inline:auto}.submit-button:hover{background-color:#444}input[type=text]{margin-inline:auto!important}.portfolio_links-container .portfolio_links{display:flex;flex-direction:column;gap:.5rem}.portfolio_links-container .portfolio_links .portfolio_link{color:var(--text-color);text-decoration:none;font-family:Raleway,sans-serif;font-size:1.5em;font-weight:400;letter-spacing:.02em}.portfolio_links-container .portfolio_links .portfolio_link:hover{color:var(--subtitle-color)}.portfolio_links-container .portfolio_quote{font-family:Raleway,sans-serif;font-size:.825em;color:var(--subtitle-color);position:absolute;bottom:1rem;left:0;right:0}@media screen and (min-width: 768px){.portfolio_links-container .portfolio_links .portfolio_link{font-size:1.75em}.portfolio_links-container .portfolio_quote{font-size:1em}}@media screen and (min-width: 1280px){.portfolio_links-container .portfolio_links{gap:.25rem}}@media screen and (min-width: 1900px){.portfolio_links-container .portfolio_links .portfolio_link{font-size:2.5em}}#root{margin:0 auto;text-align:center;box-sizing:border-box}:root{--bg-color: #fcfcfc;--bg-color-secondary: #f8f8f8;--button-dark: #444444;--form-border: #e0e0e0;--text-color: #212121;--title-color: #121212;--subtitle-color: #aeaeae;--hover-color: #535bf2;--navbar-border: #e0e0e0;--tint-3: #f7f7f7}[data-theme=dark]{--bg-color: #1b1c1e;--bg-color-secondary: #1b1c1e;--button-dark: #333333;--form-border: #212121;--text-color: #e0e0e0;--title-color: #fcfcfc;--subtitle-color: #595959;--hover-color: #535bf2;--navbar-border: #4f4f4f;--tint-3: #191919}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.dark-mode-toggle{border:none;padding:8px 12px;border-radius:5px;cursor:pointer;transition:background .3s}.dark-mode-toggle:hover{opacity:.8}.text-left{text-align:left}.styled-container{background-color:var(--tint-3);border:2px solid #212121}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}