.container{position:relative;width:100%;height:100%;background:radial-gradient(circle at 0% -15%,rgba(0,123,254,.5),rgba(0,123,254,.25) 12.5%,transparent 25%),radial-gradient(circle at 85% -20%,rgba(0,150,254,.5),rgba(0,150,254,.25) 15%,transparent 30%),radial-gradient(circle at 8.5% 95%,rgba(0,177,254,.5),rgba(0,177,254,.25) 6%,transparent 12%),radial-gradient(circle at 100% 65%,rgba(0,204,254,.5),rgba(0,204,254,.25) 12.5%,transparent 25%),radial-gradient(circle at 76% 125%,rgba(0,231,254,.5),rgba(0,231,254,.25) 12.5%,transparent 25%);background-blend-mode:overlay;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013;transition:background-position 1s ease}.containerContent{height:inherit;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto 1fr 1fr 1fr auto;grid-template-areas:"header header header header header" "tabs portfolio portfolio portfolio portfolio" "tabs portfolio portfolio portfolio portfolio" "tabs portfolio portfolio portfolio portfolio" "tabs footer footer footer footer"}.projectTitle{grid-area:header;z-index:2;text-align:left;font-weight:700;top:0;background-color:inherit;font-family:NeueRegrade}.projectTitle h1{margin-bottom:0;margin-left:1rem}.subTitle{font-size:2.5rem}.topBar{height:2px;background:linear-gradient(to right,#6da7f2,#000);width:100%;margin:0}.tabContainer{grid-area:tabs;background-color:transparent;position:sticky;z-index:21;height:100%;width:100%;min-width:360px;max-width:400px;font-family:NeueRegrade,Roboto}.tabContainer:after{content:"";position:absolute;top:0;left:100%;width:2px;height:100%;background:linear-gradient(to bottom,#6da7f2,#000,#6da7f2)}.tabButtons{display:flex;flex-direction:column;align-items:flex-start;margin-top:0%;width:85%;z-index:2;transition:all 1.5s ease;border-radius:12%}.tabButton{display:flex;align-items:center;cursor:pointer;width:100%;height:100px;transition:all .5s ease;z-index:3;color:#000;position:relative;box-shadow:0 2px 2px #00000013,0 2px 2px #00000013,0 3px 3px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013,0 32px 32px #00000013,0 64px 64px #00000013}.tabButton:not(.expanded){background-color:#009bffe6;opacity:.9;width:99%}.tabButton.expanded{background-color:#00f5ff;padding-left:5%;border-radius:3%;font-family:Roboto;box-shadow:.33rem .33rem 10px #00155f,0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013;width:95%;margin:10%}.tabButton.expanded .tabButtonText{opacity:1;visibility:visible;transition:opacity .5s ease;color:#000}.tabButton:hover{background-color:#00d7ffe6}.tabButton:hover .tabButtonText{display:block;opacity:1;visibility:visible;transition:opacity .5s ease;color:#000}.tabButton:hover .tabSquare{background-color:#d3d3d3}.afterHours.tabButton.expanded{background-color:#ff9ee1e6}.afterHours.tabButton.expanded:hover{background-color:#ffb9e1e6}.tabSquare{width:20px;height:20px;background-color:#fff;margin-left:1rem;margin-right:2rem;transition:transform .75s ease;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}.tabButton.expanded .tabSquare{transform:rotate(405deg);background-color:#000}.tabButtonText{transition:opacity .8s ease;color:#000;font-weight:500;position:relative}.tabButtonText:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:#000;transition:width .6s ease,left .6s ease}.tabButton:hover .tabButtonText:after{width:100%;left:0}.tabButton.expanded .tabButtonText:after{width:100%;left:0}.portfolioParent{grid-area:portfolio;height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.portfolioSection{padding-right:1rem;height:auto;width:100%}.bottomBar{grid-area:footer;height:2px;background:linear-gradient(to right,#6da7f2,#000);width:100%}@media (max-width: 900px){.projectTitle{font-size:1.15rem}.topBar{margin-top:40px}}@media (max-width: 800px){.body{font-size:1em}.containerContent{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 8fr;grid-template-areas:"header header" "tabs tabs" "portfolio portfolio"}.projectTitle{font-size:1.33rem}.topBar{width:inherit;margin-top:75px}.tabContainer{display:flex;align-items:flex-start;justify-content:center;margin-bottom:15px;max-width:800px;top:0}.tabButtons{width:96%;align-items:center}.tabButton.expanded{margin:5px 5px 5px -5px;width:99%;padding-left:4%;padding-right:4%;height:45px;font-size:1.66rem}.tabButton:not(.expanded){width:90%;padding-left:2%;padding-right:2%;height:30px;font-size:1.5rem}.tabButtonText:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:#000;transition:width .6s ease,left .6s ease}#home{padding-top:0!important}h3{margin-top:0}.topBar{width:inherit;margin-top:15px}.portfolioContainer h2{font-size:1em}}@media (max-width: 600px){:root{font-size:.66em}.tabContainer{min-width:150px}.tabButton{justify-content:space-between;height:75px}.tabButton.expanded{width:100%}.tabSquare{margin-left:0;margin-right:0}}@media (orientation: landscape){.tabContainer{position:relative;z-index:2}}.portfolioContainer{height:auto;margin-bottom:.5rem;padding-right:1rem;text-align:left;padding-left:2rem}.portfolioContainer h2{margin-bottom:.5rem}#portfolioSubContainer{height:auto}#home{display:flex;text-align:start;justify-content:flex-start;align-items:flex-start;height:95%;padding-top:1rem}#home h2{display:none}#home div{padding-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:0;animation:fadeIn 1s ease-in-out forwards}.fadeIn.fadeIn.fadeInDelay1{animation-delay:.5s}.fadeIn.fadeIn.fadeInDelay2{animation-delay:1.5s}.fadeIn.fadeIn.fadeInDelay3{animation-delay:2.5s}.fadeIn.fadeIn.fadeInDelay4{animation-delay:3.5s}.portfolioSubContainer .text{padding:.5rem .5rem 1rem}.fadeIn.fadeInDelay4{animation-delay:4.5s}.carouselItem div{display:flex;width:99%;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}.carouselItem h4{margin-bottom:0}.carouselName{width:100%}.carouselLiveLink{padding-right:2%;margin-bottom:2%}.carouselBorderBar{max-height:2px;height:2px;border-bottom:1px solid #888;width:100%;margin-top:2%;padding-right:1rem}#aboutMeContainer{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding-right:25%;font-size:1.5rem;height:auto;box-sizing:border-box}#afterHours .portfolioSubContainer{margin-top:-2rem}#contactMeContainer{font-weight:600}@media (max-width: 800px){#home{align-items:center;justify-content:center;text-align:center}.portfolioContainer{padding-left:0rem;padding-right:0rem}}@media (max-width: 600px){#home{text-align:center;justify-content:center;align-items:flex-start;margin-top:10%;padding:0}#home div{font-size:2rem;padding-bottom:3rem}.portfolioContainer{height:inherit;padding-left:1.5rem;padding-right:.5rem}.carouselItem div{width:95%}}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeRegular-BYAsMSbF.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeRegularItalic-X2RcQjSa.otf) format("opentype");font-weight:400;font-style:italic}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeBold-BoN9N4Ci.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeBoldItalic-D8z1El7l.otf) format("opentype");font-weight:700;font-style:italic}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeExtrabold-dz4PrXU5.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeExtraBoldItalic-DTxvbRPH.otf) format("opentype");font-weight:800;font-style:italic}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeLight-3FPqLZoo.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeLightItalic-V_RoBU2Q.otf) format("opentype");font-weight:300;font-style:italic}@font-face{font-family:NeueRegrade;src:url(./assets/Fonts/NeueRegrade/neue%20regrade%20medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeMediumItalic-Df_HkVLX.otf) format("opentype");font-weight:500;font-style:italic}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeSemibold-Dp2wuZmW.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeSemiBoldItalic-DeXu-wGh.otf) format("opentype");font-weight:600;font-style:italic}@font-face{font-family:NeueRegrade;src:url(/assets/NeueRegradeVariable-Bj8sx8J_.ttf) format("truetype");font-weight:100 900;font-style:normal}.roboto-thin{font-family:Roboto,sans-serif;font-weight:100;font-style:normal}.roboto-light{font-family:Roboto,sans-serif;font-weight:300;font-style:normal}.roboto-regular{font-family:Roboto,sans-serif;font-weight:400;font-style:normal}.roboto-medium{font-family:Roboto,sans-serif;font-weight:500;font-style:normal}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}.roboto-black{font-family:Roboto,sans-serif;font-weight:900;font-style:normal}.roboto-thin-italic{font-family:Roboto,sans-serif;font-weight:100;font-style:italic}.roboto-light-italic{font-family:Roboto,sans-serif;font-weight:300;font-style:italic}.roboto-regular-italic{font-family:Roboto,sans-serif;font-weight:400;font-style:italic}.roboto-medium-italic{font-family:Roboto,sans-serif;font-weight:500;font-style:italic}.roboto-bold-italic{font-family:Roboto,sans-serif;font-weight:700;font-style:italic}.roboto-black-italic{font-family:Roboto,sans-serif;font-weight:900;font-style:italic}em{font-family:NeueRegrade,sans-serif;font-weight:400;font-style:italic}strong{font-family:NeueRegrade,sans-serif;font-weight:700;font-style:italic}:root{font-family:Roboto,NeueRegrade,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:1em;color-scheme:light dark;color:#000;background-color:#242424;font-synthesis:none;text-shadow:0 1px 1px rgba(0,0,0,.075),;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-weight:400;font-size:1.75rem;margin:0;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-content:center;align-items:center;width:100vw;height:100vh;box-sizing:border-box}body{background:#e4e4d9;background:linear-gradient(142deg,#eaeae2,#efeedd 66%,#a0af91)}body.afterHours{background:#e4e4d9;background:linear-gradient(142deg,#e5caf5,#d7f0f7 66%,#d768ff)}#root{text-align:center;box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0}a{font-weight:500;color:#a564ff;text-decoration:style}a:hover{color:#535bf2}h1{font-family:NeueRegrade,sans-serif;font-weight:700;font-size:2.5em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 1000px){:root{font-size:.75em}.tabContainer{min-width:300px}}@media (max-width: 800px){.tabContainer{min-width:260px}}@media (max-width: 600px){:root{font-size:.66em}}@media (max-width: 1024px) and (orientation: landscape) and (max-height: 500px){body{height:200vh}}