#root{margin:0 auto;text-align:center;min-height:100vh;background-color:#f2f2f2;overflow-x:hidden}.navbar{background-color:#141e27!important;padding:1rem;display:flex;flex-direction:column}.navbar .name-container{margin-bottom:1rem}.navbar .name-container a{text-decoration:none;color:#fff;font-weight:500}.navbar .navbar-nav .nav-item{margin:0 clamp(1rem,8vw,8rem);font-weight:500}.navbar .navbar-nav .nav-item .nav-link{color:#fff!important;transition:color .3s ease}.navbar .navbar-nav .nav-item .nav-link span{border-bottom:5px solid #e56c58;transition:border-bottom .2s ease-in-out}.navbar .navbar-nav .nav-item .nav-link span:hover{border-bottom-color:#d55e4c;cursor:pointer}.navbar .navbar-nav .nav-item .nav-link:hover{color:#c2c2c2!important}@media (max-width: 576px){.navbar-nav{flex-direction:row!important}}.hero-section{background-color:#141e27;color:#fff;width:100%;height:100vh;display:flex;align-items:center;font-family:Muli;padding:0 4rem}.hero-section .hero-text-container{text-align:left;margin:0 auto;width:70rem}.hero-section .hero-text-container h1{font-size:4rem;display:flex;flex-wrap:wrap}.hero-section .hero-text-container h1 div{margin-right:1rem}.hero-section .hero-text-container h1 .highlighted-text-container{position:relative}.hero-section .hero-text-container h1 .highlighted-text-container .highlight{background-color:#ed6955;width:94%;height:40%;position:absolute;bottom:0;left:.3rem;z-index:1;transform-origin:left center}.hero-section .hero-text-container h1 .highlighted-text-container>*{position:relative;z-index:2}.hero-section .hero-text-container h1 .highlighted-text-container:hover .highlight{animation:shrinkExpand .4s ease-in-out}.hero-section .hero-text-container .contact-buttons{margin:1rem 0}.hero-section .hero-text-container .contact-buttons a .react-icons{font-size:2rem;margin-right:1rem;color:#bb5c4e}.hero-section .hero-text-container .contact-buttons a .react-icons:hover{color:#c2c2c2}.hero-section .hero-text-container p{font-size:1.2rem;max-width:30rem}.home-page .body-section{margin:1rem auto;max-width:70rem}.home-page .body-section .section-heading-container{display:flex;margin-bottom:2rem}.home-page .body-section .section-heading-container h2{font-size:2.3rem;font-weight:700;display:flex;align-items:center}.home-page .body-section .section-heading-container h2 div{margin-right:.6rem}.home-page .body-section .section-heading-container h2 .highlighted-text-container{position:relative}.home-page .body-section .section-heading-container h2 .highlighted-text-container .highlight{background-color:#ed6955;width:93%;height:50%;position:absolute;bottom:-.5rem;left:.3rem;z-index:1;transform-origin:left center}.home-page .body-section .section-heading-container h2 .highlighted-text-container>*{position:relative;z-index:2}.home-page .body-section .section-heading-container h2 .highlighted-text-container:hover .highlight{animation:shrinkExpand .4s ease-in-out}.home-page .body-section .skills-section{display:flex;margin-bottom:4.5rem}.home-page .body-section .skills-section .image-container{padding-right:2rem}.home-page .body-section .skills-section .image-container .portrait-image{width:22rem;height:25rem;transition:all .3s ease}.home-page .body-section .skills-section .skills-content-container{display:flex;flex-direction:column}.home-page .body-section .skills-section .skills-content-container .skills-badge-list{text-align:left;font-family:Muli;margin-bottom:1.5rem}.home-page .body-section .skills-section .skills-content-container .skills-badge-list span{font-size:1.1rem;margin:0 .1rem 1rem;border-radius:0!important}.home-page .body-section .skills-section .skills-content-container .short-bio-container{text-align:left}.home-page .body-section .skills-section .skills-content-container .short-bio-container h3{font-weight:700;font-size:1.6rem}.home-page .body-section .skills-section .skills-content-container .short-bio-container p{font-size:1.2rem;font-family:Muli}.home-page .body-section .skills-section .skills-content-container .short-bio-container a{color:#e56c58!important;font-weight:700;font-size:1.2rem;text-decoration:none;font-family:Muli}.home-page .body-section .skills-section .skills-content-container .short-bio-container a:hover{color:#b75646!important}@media (max-width: 1200px){.home-page .body-section .skills-section .image-container .portrait-image{width:20rem;height:23rem}}@media (max-width: 1100px){.home-page .body-section .skills-section .image-container .portrait-image{width:18rem;height:21rem}}@media (max-width: 768px){.home-page .body-section .skills-section{flex-direction:column;align-items:center}.home-page .body-section .skills-section .image-container{padding-right:0;margin-bottom:2rem;order:-1;display:flex;justify-content:center}.home-page .body-section .skills-section .image-container .portrait-image{width:22rem;height:25rem}.home-page .body-section .skills-section .skills-content-container{width:100%;align-items:center}.home-page .body-section .skills-section .skills-content-container .skills-badge-list{text-align:center;width:100%}.home-page .body-section .skills-section .skills-content-container .short-bio-container{text-align:left;max-width:600px}}.home-page .body-section .projects-section .project-card{text-align:left;margin-bottom:8rem}.home-page .body-section .projects-section .project-card .project-role-container{display:flex;margin-bottom:.5rem}.home-page .body-section .projects-section .project-card .project-role-container small{font-size:1rem;font-family:Muli}.home-page .body-section .projects-section .project-card .project-info-container{display:flex}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container{display:flex;flex-direction:column}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container h3{font-weight:700}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .project-skills-badge-list span{font-size:.8rem;font-family:Muli;margin:0 .1rem 1rem;border-radius:0!important}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container p{font-size:1.4rem;font-family:Muli}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .button-container{position:relative;margin-top:1.5rem;width:fit-content}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .button-container .button-outline-box{position:absolute;top:.5rem;left:.5rem;width:100%;height:100%;border:2px solid #000;z-index:1}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .button-container a{position:relative;z-index:2;display:block;transition:transform .3s ease}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .button-container a .btn{background-color:#e56c58!important;border-color:#e56c58!important;color:#fff!important;padding:.8rem 1.8rem;font-size:1.4rem;font-weight:700;border-radius:0;font-family:Muli}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .button-container:hover a{transform:translate(.5rem,.5rem)}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container .button-container:hover a .btn{background-color:#b75646!important;color:#e5e5e5!important}.home-page .body-section .projects-section .project-card .project-info-container .project-image-container{padding-left:8rem}.home-page .body-section .projects-section .project-card .project-info-container .project-image-container .project-image{width:25rem;border-radius:15%;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.home-page .body-section .projects-section .project-card .project-info-container .project-image-container .project-image:hover{transform:translateY(-30px);box-shadow:0 30px 10px #0009;filter:brightness(.8)}@media (max-width: 1024px){.home-page .body-section .projects-section .project-card .project-info-container{flex-direction:column;align-items:center}.home-page .body-section .projects-section .project-card .project-info-container .project-text-container{margin-bottom:2rem}.home-page .body-section .projects-section .project-card .project-info-container .project-image-container{padding-left:0;display:flex;justify-content:center}.home-page .body-section .projects-section .project-card .project-info-container .project-image-container .project-image{width:min(25rem,75vw)}}.home-page .body-section .contact-heading-container{margin:1rem 10rem}.home-page .body-section .contact-heading-container h2{font-family:Muli;font-size:3.3rem;font-weight:500!important;display:flex;flex-wrap:wrap}.home-page .body-section .contact-section{margin:0 10rem 5rem;display:flex;flex-direction:column}.home-page .body-section .contact-section .email-container{position:relative;align-self:flex-start}.home-page .body-section .contact-section .email-container a{text-decoration:none;color:#e56c58!important;font-weight:700;font-family:Muli;font-size:1.4rem}.home-page .body-section .contact-section .email-container a:hover{color:#b75646!important}.home-page .body-section .contact-section .button-container{position:relative;width:fit-content;align-self:flex-start;margin-top:2rem}.home-page .body-section .contact-section .button-container .button-outline-box{position:absolute;top:.5rem;left:.5rem;width:100%;height:100%;border:2px solid #000;z-index:1}.home-page .body-section .contact-section .button-container a{text-decoration:none}.home-page .body-section .contact-section .button-container a .btn{position:relative;z-index:2;background-color:#e56c58!important;border-color:#e56c58!important;border-radius:0;font-size:1.4rem;font-weight:700;font-family:Muli;display:flex;align-items:center;padding:.8rem 1.6rem;transition:transform .3s ease}.home-page .body-section .contact-section .button-container a .btn .react-icons{margin-right:.3em}.home-page .body-section .contact-section .button-container a:hover .btn{transform:translate(.5rem,.5rem);background-color:#b75646!important;color:#e5e5e5!important}@media (max-width: 832px){.home-page .body-section .contact-heading-container{margin:0 4rem}.home-page .body-section .contact-section{margin:0 4rem 5rem}}@media (max-width: 478px){.home-page .body-section .contact-heading-container{margin:0}.home-page .body-section .contact-section{margin:0;margin-bottom:5rem}}@media (max-width: 1200px){.home-page .body-section{margin:1rem 3rem}}.project-details-page .body-section{margin:1rem auto;max-width:70rem}.project-details-page .body-section .project-section{margin-bottom:3rem;text-align:left}.project-details-page .body-section .project-section .multi-column-container{display:flex}.project-details-page .body-section .project-section .multi-column-container .column{margin-right:clamp(1.5rem,9vw,9rem)}.project-details-page .body-section .project-section .multi-column-container .column h3{font-size:1.6rem;font-weight:700}.project-details-page .body-section .project-section .multi-column-container .column ul{list-style-type:none;padding-left:0;font-family:Muli}.project-details-page .body-section .project-section .multi-column-container .column ul a{text-decoration:none;color:#e56c58!important;font-weight:700}.project-details-page .body-section .project-section .multi-column-container .column ul a:hover{color:#b75646!important}.project-details-page .body-section .project-section h2{font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;color:#141e27}.project-details-page .body-section .project-section p{font-size:1.2rem;font-family:Muli;margin-bottom:1.5rem;white-space:pre-line;line-height:1.7}@media (max-width: 1200px){.project-details-page .body-section{margin:1rem 3rem}}.about-page .body-section{margin:1rem auto;max-width:70rem}.about-page .body-section h1{font-family:Muli;text-align:left;margin-top:2.5rem;margin-bottom:1.5rem;font-size:3.5rem}.about-page .body-section .resume-container{text-align:left}.about-page .body-section .resume-container p{font-size:1.2rem;font-family:Muli;margin-bottom:1.5rem;white-space:pre-line;line-height:1.7}.about-page .body-section .resume-container p a{text-decoration:none;color:#e56c58!important;font-weight:700}.about-page .body-section .resume-container p a:hover{color:#b75646!important}.about-page .body-section .story-container{margin-bottom:3rem;text-align:left}.about-page .body-section .story-container p{font-size:1.2rem;font-family:Muli;margin-bottom:1.5rem;white-space:pre-line;line-height:1.7}.about-page .body-section .story-container p a{text-decoration:none;color:#e56c58!important;font-weight:700}.about-page .body-section .story-container p a:hover{color:#b75646!important}@media (max-width: 1200px){.about-page .body-section{margin:1rem 3rem}}.footer-nav{background-color:#141e27;display:flex;justify-content:center;text-align:left;padding:0 1rem}.footer-nav .footer-content-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:70rem;width:100%;margin:4rem auto}.footer-nav .footer-content-wrapper .footer-container{margin:0 2rem;justify-self:center}@media (max-width: 900px){.footer-nav .footer-content-wrapper .footer-container{justify-self:start}}.footer-nav .footer-content-wrapper .footer-name-container{color:#fff;font-weight:500;font-size:1.5rem}.footer-nav .footer-content-wrapper .footer-name-container .nav-link{display:flex;flex-direction:column}.footer-nav .footer-content-wrapper .footer-name-container .nav-link:hover{cursor:pointer}.footer-nav .footer-content-wrapper .footer-links-container h4{color:#c7c7c7;font-size:1rem}.footer-nav .footer-content-wrapper .footer-links-container ul{list-style-type:none;padding-left:0}.footer-nav .footer-content-wrapper .footer-links-container ul li .nav-link{color:#e56c58;font-weight:500}.footer-nav .footer-content-wrapper .footer-links-container ul li .nav-link:hover{color:#b75646;cursor:pointer}.footer-nav .footer-content-wrapper .footer-contact-links-container h4{color:#c7c7c7;font-size:1rem}.footer-nav .footer-content-wrapper .footer-contact-links-container .contact-buttons{margin:1rem 0}.footer-nav .footer-content-wrapper .footer-contact-links-container .contact-buttons a .react-icons{font-size:1.8rem;margin-right:1rem;color:#bb5c4e}.footer-nav .footer-content-wrapper .footer-contact-links-container .contact-buttons a .react-icons:hover{color:#c2c2c2}@keyframes shrinkExpand{0%{transform:scaleX(1)}50%{transform:scaleX(.4)}to{transform:scaleX(1)}}