@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;1,200;1,300;1,400&display=swap);html{scroll-behavior:smooth}.content-area{margin:0 auto;max-width:700px;padding:0 .5rem}@media screen and (min-width:900px){.content-area{display:grid;grid-template-columns:minmax(30px,1fr) minmax(420px,1000px) minmax(30px,1fr) 150px;max-width:1500px}.content-area .grid-align{grid-column-start:2}}figure{margin-left:0;margin-right:0}section{min-height:100vh}.about-section,.projects-section{padding:3.75rem 0 25rem}body::-webkit-scrollbar{display:none}.grid-align{-ms-overflow-style:none;scrollbar-width:none}.error-message{grid-column-start:2;min-height:100vh;text-align:center}.skip-to-content-link{background-color:#0076b6;color:#eee;left:90px;padding:5px;position:absolute;top:0;-webkit-transform:translateY(-120%);transform:translateY(-120%);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:500}.skip-to-content-link:focus{-webkit-transform:translateY(0);transform:translateY(0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;line-height:2;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:180%}@media screen and (min-width:800px){h1{font-size:250%;margin-top:0}}h1,h2,h3{font-weight:400;text-transform:uppercase}a{text-decoration:none}figcaption{font-size:80%;font-style:italic;text-align:center}.navbar{background-color:#0076b6;color:#fff;display:none;text-align:right}.navbar .nav-logo{padding:5px;width:55px}.navbar .navbar-text{height:64px;text-align:center}.navbar svg{padding-right:12px}.navbar ul{list-style:none;padding-left:20px;text-transform:uppercase}.navbar ul path{fill:#fff}@media screen and (min-width:900px){.navbar{background-color:#0076b6;bottom:0;display:flex;flex-direction:column;justify-content:space-between;list-style:none;overflow:hidden;position:fixed;right:0;top:0;-webkit-transform:translateZ(0) scale(1);transition:width .3s linear;width:70px;z-index:1000}}.lightswitch{left:10px;position:fixed;top:3px;z-index:99999}.navbar:hover,nav.main-menu.expanded{overflow:visible;width:150px}.nav-button p,.navbar-text p{visibility:hidden;white-space:nowrap}.navbar:hover .nav-button p,.navbar:hover .navbar-text p{visibility:visible}.nav-button{align-items:center;color:#fff;display:flex}.headerbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.3);height:40px;left:0;position:fixed;right:0;top:0;z-index:10}.headerbar .small-nav-logo{position:fixed;right:10px;top:5px;width:35px}@media screen and (min-width:900px){.headerbar{display:none}}.bottom-nav{background-color:#0076b6;bottom:0;height:60px;position:fixed;width:100%;z-index:200}.bottom-nav ul{display:flex;justify-content:space-evenly;list-style:none;margin:0;padding:0 10px}.bottom-nav li{line-height:1;padding-top:7px;text-align:center;width:70px}.bottom-nav path{fill:#fff}.bottom-nav p{color:#fff;font-size:87%;font-weight:300;margin-top:0;text-transform:uppercase}@media screen and (min-width:900px){.bottom-nav{display:none}}#dark{background-color:#333;color:#eee}#dark h1,#dark h2{color:#0097e9}#dark .headerbar{background-color:rgba(51,51,51,.45)}#dark .contact-box svg{fill:#eee}#dark .contact-box svg:hover{fill:#0076b6}#dark .content-area img{-webkit-filter:brightness(.9);filter:brightness(.9)}#light{background-color:#fff;color:#333}#light .headerbar{background-color:hsla(0,0%,100%,.55)}#light .contact-box svg{fill:#333}#light .contact-box svg:hover{fill:#0076b6}.filter-item{padding:0 10px}.home-section{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:1;min-height:100vh;text-align:center}.home-water{position:relative}.home-water h1{color:#fff;font-size:4em;margin:0}@media screen and (min-width:383px){.home-water h1{font-size:5em}}#dark .home-water h1:first-child,.home-water h1:first-child{-webkit-text-stroke:2px #0076b6;color:transparent}.home-water h1:first-child{position:absolute}.home-water h1:nth-child(2){-webkit-animation:animate 4s ease-in-out infinite;animation:animate 4s ease-in-out infinite;color:#0076b6}@-webkit-keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.invisible{visibility:hidden}.projects-section .featured-image{border-radius:4px;display:block;margin:0 auto;max-width:800px;min-height:150px;object-fit:cover;width:100%}#light .MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary{color:#333;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}#light .MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.Mui-selected{color:#0076b6;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}#dark .MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary{color:#eee;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}#dark .MuiButtonBase-root.MuiTab-root.MuiTab-textColorPrimary.Mui-selected{color:#0097e9;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.accordion-bio img{border-radius:4px;display:block;margin:1rem auto;max-width:200px;width:100%}.Mui-expanded{color:#0097e9}#dark .Mui-expanded svg,.Mui-expanded svg{fill:#0097e9}.MuiAccordionSummary-content.MuiAccordionSummary-contentGutters{align-items:center}.MuiAccordionSummary-content.MuiAccordionSummary-contentGutters svg{padding-right:20px}#dark .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiAccordion-root.MuiAccordion-rounded.MuiAccordion-gutters{background-color:rgba(75,75,75,.75);color:#eee}#dark .about-section .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium{color:#eee}#dark .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiAccordion-root.MuiAccordion-rounded.Mui-expanded.MuiAccordion-gutters,#dark .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiAccordion-root.MuiAccordion-rounded.MuiAccordion-gutters{box-shadow:0 2px 1px -1px hsla(0,0%,100%,.2),0 1px 1px 0 hsla(0,0%,100%,.14),0 1px 3px 0 hsla(0,0%,100%,.12)}.filter-container{padding-left:0}.filter-container img{-webkit-filter:grayscale(25%);filter:grayscale(25%);height:88px;padding:10px;width:60px}.selector-buttons{text-align:center}.selector-buttons button{background-color:#eee;border:1px solid rgba(75,75,75,.75);font-family:Poppins,sans-serif;height:30px;width:90px}.selector-buttons .button-checked{background-color:#0097e9;color:#fff}.education-accordion h3,.education-accordion h4,.education-accordion p{margin:0}.education-accordion .education-card{margin:2rem}.education-accordion .education-card .education-institution{font-weight:600}.education-accordion .education-card .education-major{font-weight:500}.education-accordion .education-card .education-duration{font-style:italic}@media screen and (min-width:600px){.education-accordion .education-card .education-duration{padding-left:1rem}}.education-accordion .education-card .education-notes{font-size:90%;padding-left:1rem}@media screen and (min-width:600px){.education-accordion .education-card .education-notes{padding-left:2rem}}.project-home-section{grid-column-start:2;padding:60px 0}.project-home-section h1,.project-home-section h2,.project-home-section h3{text-align:center}.project-featured-image{border-radius:4px;min-height:150px;object-fit:cover;width:100%}.project-details{margin:0 auto;max-width:800px;width:100%}.project-section{margin:2rem 0}.project-tools-grid{display:flex;flex-wrap:wrap;justify-content:center}.project-tools-grid img{margin:10px}#light .project-section{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}#dark .project-section,#light .project-section{border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:1rem}#dark .project-section{box-shadow:0 2px 1px -1px hsla(0,0%,100%,.2),0 1px 1px 0 hsla(0,0%,100%,.14),0 1px 3px 0 hsla(0,0%,100%,.12)}#dark pre{background:#eee!important}.project-navigation{display:flex;flex-direction:column;margin-bottom:10px;text-align:center}.project-navigation .link-button{margin:10px 0}@media screen and (min-width:600px){.project-navigation{align-items:flex-end;flex-direction:row;justify-content:space-between}}.link-button.git-link{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:0 auto}.link-button.git-link svg{padding-right:5px}.project-image{width:100%}@media screen and (min-width:700px){.project-bottom-images{display:flex}.project-bottom-images figure{width:50%}}.project-image-3,.project-image-4{display:block;margin:0 auto;padding:5px;width:94%}@media screen and (min-width:700px){.project-image-3,.project-image-4{margin:0 auto;max-width:400px}}.contact-section{display:flex;flex-direction:column;justify-content:center}.contact-box{border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);font-size:125%;margin-bottom:100px;padding:1rem;text-align:center}.contact-box svg{height:36px;width:36px}.contact-box svg:hover{fill:#0076b6}#dark .contact-box{box-shadow:0 2px 1px -1px hsla(0,0%,100%,.2),0 1px 1px 0 hsla(0,0%,100%,.14),0 1px 3px 0 hsla(0,0%,100%,.12)}.MuiBox-root .css-1wcaknn{padding:0}.link-button-wrapper{margin:0 auto;text-align:center;width:170px}.link-button-wrapper a{width:100%}.link-button{border:none;border-radius:10px;color:#fff;display:inline-block;font-weight:500;height:36px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .7s;width:170px;z-index:1}.link-button:after{background-color:#333;width:100%;z-index:-2}.link-button:after,.link-button:before{border-radius:10px;bottom:0;content:"";height:100%;left:0;position:absolute}.link-button:before{background-color:#0076b6;transition:all .7s;width:0;z-index:-1}.link-button:hover{color:#fff}.link-button:hover:before{width:100%}#dark .link-button{color:#333}#dark .link-button:after{background-color:#eee}#dark .link-button:hover{color:#fff}.link-button-small{border:none;border-radius:10px;color:#fff;display:inline-block;font-weight:500;height:25px;text-align:center;width:100px}.small-button{height:25px;width:80px}.top-arrow{text-align:center}.top-arrow svg{fill:#0076b6}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border-color:#0076b6 #0076b6 transparent;border-radius:50%;border-style:dashed solid solid dotted;border-width:3px;display:inline-block;height:48px;left:50%;margin:-20px -40px;position:relative;top:50%;width:48px;z-index:1000}.loader,.loader:after{box-sizing:border-box;position:absolute}.loader:after{border:10px solid transparent;border-right-color:#0076b6;content:"";left:20px;top:31px;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fourohfour-gif{max-width:480px;width:100%}.error-message{display:flex;flex-direction:column;justify-content:center;padding-top:25px}.all-projects-section{grid-column-start:2;margin:60px 0 80px}.all-projects-section h1{text-align:center}.all-projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.single-all-project{border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);max-width:400px;padding:1rem}.single-all-project h3{text-align:center}.single-all-project p{font-size:.8rem}.small-button-links{text-align:center}.small-button-links button{margin:0 5px}
/*# sourceMappingURL=main.e183b28e.css.map*/