a{text-decoration:none}.blocking-overlay{background-color:transparent;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:11}.blocking-overlay.hidden{display:none}.content-scroll-container{box-sizing:border-box;height:100%;overflow-y:scroll;padding-bottom:13rem;scrollbar-color:#2d4345 transparent;scrollbar-width:thin;width:100%}.page-container{align-items:center;background-color:transparent;display:flex;height:95vh;justify-content:center;position:absolute;top:0;transition:opacity .5s ease-in-out;width:100%;z-index:300000}.page-content-wrapper{background-color:#b2cdcf;height:95%}.page-content-wrapper,.page-header{display:flex;flex-direction:column;width:95%}.page-header{align-self:center;background-color:transparent;justify-content:left}.page-body{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.portfolio-logo{aspect-ratio:7/5;float:left;image-rendering:pixelated;margin-bottom:.8rem;margin-top:.8rem;width:15%}.pixel-corners{border:4px solid transparent;clip-path:polygon(0 calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 4px),8px calc(100% - 4px),8px 100%,calc(100% - 8px) 100%,calc(100% - 8px) calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) calc(100% - 8px),100% calc(100% - 8px),100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 0,8px 0,8px 4px,4px 4px,4px 8px,0 8px);position:relative}.pixel-corners:after{background-color:#2d4345;bottom:0;clip-path:polygon(0 calc(100% - 8px),4px calc(100% - 8px),4px calc(100% - 4px),8px calc(100% - 4px),8px 100%,calc(100% - 8px) 100%,calc(100% - 8px) calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) calc(100% - 8px),100% calc(100% - 8px),100% 8px,calc(100% - 4px) 8px,calc(100% - 4px) 4px,calc(100% - 8px) 4px,calc(100% - 8px) 0,8px 0,8px 4px,4px 4px,4px 8px,0 8px,0 50%,4px 50%,4px 8px,8px 8px,8px 4px,calc(100% - 8px) 4px,calc(100% - 8px) 8px,calc(100% - 4px) 8px,calc(100% - 4px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 4px),8px calc(100% - 4px),8px calc(100% - 8px),4px calc(100% - 8px),4px 50%,0 50%);content:"";display:block;left:0;margin:-4px;pointer-events:none;position:absolute;right:0;top:0}.footer-nav{align-items:center;background-color:#b2cdcf;bottom:0;display:flex;flex-direction:column;padding-bottom:.5rem;padding-top:.3rem;position:absolute;width:100%}.close-button{background-image:url(../../../BottomXBlue.png)}.back-button,.close-button{aspect-ratio:48/24;background-color:transparent;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;image-rendering:pixelated;padding:0;width:8rem}.back-button{background-image:url(../../../BottomArrowBlue.png)}a,button{cursor:url(../../../PXPointer.png) 8 3,pointer}a:hover{cursor:url(../../../PXPointer.png),pointer}@media (min-width:320px) and (max-width:359px) and (max-height:567px){.page-header{margin-bottom:0}.back-button,.close-button{width:7rem}}@media (min-width:320px) and (max-width:359px) and (min-height:568px) and (max-height:719px){.page-header{margin-bottom:0}.back-button,.close-button{width:7rem}}@media (width:360px) and (height:640px){.page-header{margin-bottom:0}}@media (min-width:412px) and (max-width:427px) and (min-height:875px) and (max-height:1004px){.page-body{height:81%}}@media (max-width:567px) and (min-height:320px) and (max-height:359px){.portfolio-logo{width:7%}.page-header{margin-bottom:0}.back-button,.close-button{width:4rem}}@media (min-width:568px) and (max-width:719px) and (min-height:320px) and (max-height:359px){.portfolio-logo{width:6%}.page-header{margin-bottom:0}.back-button,.close-button{width:4rem}}@media (min-width:640px) and (max-width:719px) and (min-height:360px) and (max-height:374px){.portfolio-logo{width:7%}.page-header{margin-bottom:.5rem}.back-button,.close-button{width:5rem}}@media (min-width:720px) and (max-width:800px) and (min-height:360px) and (max-height:374px){.portfolio-logo{width:7%}.page-header{margin-bottom:.3rem}.back-button,.close-button{width:5rem}}@media (min-width:667px) and (max-width:711px) and (min-height:375px) and (max-height:383px){.portfolio-logo{width:7%}.page-header{margin-bottom:.5rem}.back-button,.close-button{width:5rem}}@media (min-width:712px) and (max-width:812px) and (min-height:375px) and (max-height:383px){.portfolio-logo{width:7%}.page-header{margin-bottom:0}.back-button,.close-button{width:5rem}}@media (min-width:813px) and (max-width:856px) and (min-height:384px) and (max-height:393px){.portfolio-logo{width:7%}.page-header{margin-bottom:0}.back-button,.close-button{width:5rem}}@media (min-width:713px) and (max-width:773px) and (min-height:393px) and (max-height:414px){.portfolio-logo{width:7%}.page-header{margin-bottom:.1rem}.back-button,.close-button{width:5rem}}@media (min-width:774px) and (max-width:874px) and (min-height:393px) and (max-height:427px){.portfolio-logo{width:7%}.page-header{margin-bottom:.1rem}.back-button,.close-button{width:5rem}}@media (min-width:774px) and (max-width:784px) and (min-height:402px) and (max-height:427px){.portfolio-logo{width:7%}.page-header{margin-bottom:.1rem}.back-button,.close-button{width:5rem}}@media (min-width:875px) and (max-width:1004px) and (min-height:412px) and (max-height:427px){.portfolio-logo{width:7%}.page-header{margin-bottom:.1rem}.back-button,.close-button{width:5rem}}@media (min-width:926px) and (max-width:956px) and (min-height:428px) and (max-height:440px){.portfolio-logo{width:7%}.page-header{margin-bottom:.1rem}.back-button,.close-button{width:5rem}}@media (min-width:768px) and (max-width:809px) and (min-height:1024px) and (max-height:1079px){.portfolio-logo{margin-top:1.6rem;width:9%}.page-header{margin-bottom:.2rem}}@media (min-width:810px) and (max-width:819px) and (min-height:1024px) and (max-height:1120px){.portfolio-logo{margin-top:1.6rem;width:10%}.page-header{margin-bottom:.2rem}}@media (min-width:820px) and (max-width:833px) and (min-height:1180px) and (max-height:1180px){.portfolio-logo{margin-top:1.6rem;width:10%}.page-header{margin-bottom:.2rem}}@media (min-width:834px) and (max-width:860px) and (min-height:1112px) and (max-height:1194px){.portfolio-logo{margin-top:1.6rem;width:10%}.page-header{margin-bottom:.2rem}}@media (min-width:884px) and (max-width:884px) and (min-height:1104px) and (max-height:1104px){.portfolio-logo{margin-top:1.6rem;width:9%}.page-header{margin-bottom:.2rem}}@media (min-width:800px) and (max-width:800px) and (min-height:1280px) and (max-height:1280px){.portfolio-logo{margin-top:1.6rem;width:9%}.page-header{margin-bottom:.2rem}}@media (min-width:1024px) and (max-width:1024px) and (min-height:1366px) and (max-height:1366px){.portfolio-logo{margin-top:1.8rem;width:10%}.page-header{margin-bottom:.2rem}}@media (min-width:1024px) and (max-width:1079px) and (min-height:768px) and (max-height:809px){.portfolio-logo{margin-top:1.8rem;width:7%}.page-header{margin-bottom:.2rem}}@media (min-width:1024px) and (max-width:1120px) and (min-height:810px) and (max-height:819px){.portfolio-logo{margin-top:1.8rem;width:7%}.page-header{margin-bottom:.2rem}}@media (min-width:1180px) and (max-width:1180px) and (min-height:820px) and (max-height:833px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1112px) and (max-width:1194px) and (min-height:834px) and (max-height:860px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1104px) and (max-width:1104px) and (min-height:884px) and (max-height:884px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1280px) and (max-width:1280px) and (min-height:800px) and (max-height:800px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (width:1366px) and (height:1024px){.portfolio-logo{margin-top:1.8rem;width:7%}.page-header{margin-bottom:.2rem}}@media (min-width:1280px) and (max-width:1335px) and (min-height:800px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1367px) and (max-width:1439px) and (min-height:900px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1440px) and (max-width:1599px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1600px) and (max-width:1799px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1800px) and (max-width:1919px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:1920px) and (max-width:2047px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}}@media (min-width:2048px) and (max-width:2559px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}.back-button,.close-button{width:11rem}.page-container{height:100vh}}@media (min-width:2560px) and (max-width:2999px){.portfolio-logo{margin-top:1.8rem;width:6%}.page-header{margin-bottom:.2rem}.back-button,.close-button{width:12rem}.content-scroll-container{padding-bottom:24rem}.page-container{height:100vh}}@media (min-width:3000px) and (max-width:3840px){.portfolio-logo{margin-top:1.8rem;width:5%}.page-header{margin-bottom:1.2rem}.back-button,.close-button{width:14rem}.footer-nav{padding-bottom:1.5rem;padding-top:.5rem}.content-scroll-container{padding-bottom:22rem}.page-container{height:100vh}}