@import url(https://fonts.googleapis.com/css2?family=Alumni+Sans);:root{--background-image-home:url(https://jonahmc-bucket.s3.amazonaws.com/Images/Mountain_Lake_Background.jpg);--background-image-project:url(https://jonahmc-bucket.s3.amazonaws.com/Images/Mountain_Range_Background.jpg);--background-image-darken:linear-gradient(#00000040,#00000040);--app-link-color:#9fe0ff;--app-link-color-darkened:#324b75;--app-link-color-alt:#0049d5;--home-page-background-color:#080d1d;--project-page-background-color:#002792;--about-page-background-color:#051131;--header-label-height:10vh;--block-image-scale:18vw;--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--bg-secondary:#141418;--transition-speed:600ms;--expanded-height:8rem;--navbar-size:5rem;--expanded-width:16rem;--text-left-offset:-200vw;--footer-height:8vh;--footer-color:linear-gradient(#05113133,#051131);--nav-height:5vh;--body-padding:5vh;--body-footer-padding:5vh;font-size:16px;overflow:hidden}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Alumni Sans,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-position:50%;background-repeat:no-repeat;background-size:cover;text-align:center}.App-body{background-image:none;height:90vh;height:calc(100vh - var(--header-label-height));overflow:hidden;width:100vw}.App.Home{background:#080d1d;background:var(--home-page-background-color);background-image:linear-gradient(180deg,#fff0,#080d1d),url(https://jonahmc-bucket.s3.amazonaws.com/Images/Mountain_Lake_Background.jpg);background-image:linear-gradient(to bottom,#fff0,var(--home-page-background-color)),var(--background-image-home);background-position:50%;background-repeat:no-repeat;background-size:cover}.App.About{align-items:stretch;background:#051131;background:var(--about-page-background-color);background-image:linear-gradient(180deg,#fff0,#080d1d),url(https://jonahmc-bucket.s3.amazonaws.com/Images/Mountain_Lake_Background.jpg);background-image:linear-gradient(to bottom,#fff0,var(--home-page-background-color)),var(--background-image-home);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:flex-start}.App.Project{background:#002792;background:var(--project-page-background-color);background-image:linear-gradient(180deg,#fff0,#080d1d),url(https://jonahmc-bucket.s3.amazonaws.com/Images/Mountain_Range_Background.jpg);background-image:linear-gradient(to bottom,#fff0,var(--home-page-background-color)),var(--background-image-project);background-position:50%;background-repeat:no-repeat;background-size:cover}.App-header{align-items:flex-start;background-color:#1c273bc2;color:#fff;display:flex;flex-flow:row nowrap;font-size:calc(10px + 2vmin);justify-content:space-between;min-height:5vh}.App-header-label{background-color:#161f2f8c;min-height:5vh;min-width:30vw}.App-header-button-container{align-items:flex-end;display:flex;flex-flow:row wrap;justify-content:flex-end;min-height:5vh;min-width:40vw}.App-header-button{background-color:#161f2f;border:none;color:#fff;min-height:5vh;min-width:10vw}.App-header-button-link{color:#fff;text-decoration:none;width:100%}.App-header-button a:hover{background-color:#1c273b}.App-link,.App-link:visited{color:#9fe0ff;color:var(--app-link-color)}.navbar{background-color:#23232e;background-color:var(--bg-primary);overflow:hidden;position:fixed;transition:width .6s ease;z-index:10}.navbar-nav{align-items:center;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}.nav-item{width:100%}.nav-link{align-items:center;color:#b6b6b6;color:var(--text-primary);display:flex;filter:grayscale(100%) opacity(.7);height:5rem;height:var(--navbar-size);text-decoration:none;transition:.6s;transition:var(--transition-speed)}.nav-link:hover{background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary);filter:grayscale(0) opacity(1)}.link-text{display:inline;margin-left:1.5rem;transition:.6s;transition:var(--transition-speed);transition-delay:.2s;transition-delay:calc(var(--transition-speed)/3)}.nav-link svg{margin:0 1.5rem;min-width:2rem;width:2rem}.logo{background:#141418;background:var(--bg-secondary);color:#ececec;color:var(--text-secondary);font-size:1.5rem;font-weight:700;letter-spacing:.3ch;margin-bottom:1rem;text-align:center;text-transform:uppercase;width:100%}.logo svg{transform:rotate(0deg);transition:.6s;transition:var(--transition-speed)}.Page-container,.Page-content{align-items:center;display:flex;flex-direction:column;width:100%}.Page-container{align-content:center;background-color:#fff0;background-image:none;background-position:top;background-repeat:no-repeat;background-size:contain;color:#fff;font-size:calc(10px + 2vmin);height:100%;overflow-x:hidden;overflow-y:auto}.About-body::-webkit-scrollbar,.Page-container::-webkit-scrollbar{width:.5vw;z-index:1}.About-body::-webkit-scrollbar-track,.Page-container::-webkit-scrollbar-track{background:#23232e;z-index:1}.About-body::-webkit-scrollbar-thumb,.Page-container::-webkit-scrollbar-thumb{background:#9fe0ff;background:var(--app-link-color);border-radius:.15vw;z-index:1}.Page-content-block{align-items:flex-start;background-color:#161f2f;border-radius:5px;box-shadow:0 2px 4px 0 #0003;display:flex;flex-flow:row wrap;font-family:inherit;justify-content:flex-start;margin:5vh 0 0;padding:1vw;text-align:left;transition:all .3s ease;width:55vw;z-index:1}.Page-content-block-text{color:#fff;font-size:1.75rem;margin-left:3vh;margin-right:3vh;width:100%}.Page-content-block-list{font-size:1.75rem;margin-top:0;width:100%}.Page-content-block2{background-color:#deeaff99;color:#161f2f;font-weight:600;margin-left:2vw;margin-top:1vh;padding:.5rem;width:25vw}.Page-content-block-wide,.Page-content-block2{align-items:flex-start;border-radius:5px;box-shadow:0 2px 4px 0 #0003;display:flex;flex-flow:row wrap;font-family:inherit;justify-content:flex-start;text-align:left;transition:all .3s ease;z-index:1}.Page-content-block-wide{background-color:#161f2f;margin:0;min-height:20vh;padding:20px;width:60vw}.Page-content-block-wide.Project{flex-flow:column}.Project-list-container{grid-gap:2.5vw;align-items:stretch;display:grid;font-family:inherit;gap:2.5vw;grid-template-columns:1fr 1fr;justify-items:stretch;padding:2.5vw}.Project-list-container.Other{margin:5vh}.Project-list-text{margin-left:1.5vw;margin-right:1.5vw}.Project-list-subtext{font-size:1.5rem;font-weight:400;margin:0 0 0 .5vw}.Project-list-item{align-items:center;background-color:#161f2fcc;border-radius:1.5vh;color:#9fe0ff;color:var(--app-link-color);display:flex;flex-flow:row wrap;font-family:inherit;font-size:2.25rem;justify-content:center;overflow:hidden;padding:1.5vw;text-decoration:none;transition:all .3s ease}.Project-list-item:hover{background-color:#ffffffe6;color:#324b75;color:var(--app-link-color-darkened)}.Image-combo{align-items:center;display:flex;flex-flow:row wrap;gap:2vw}.Image-combo .Block-Image{height:9.5vw;width:14vw}.Project-container{align-items:center}.Project-container,.Project-main{display:flex;flex-flow:column;justify-content:center}.Project-main{min-width:50vw}.Project-embed-wrapper{aspect-ratio:16/9;padding-bottom:2.5vh;padding-top:2.5vh;width:75%}.Project-embed-wrapper .Project-embed{height:100%;width:100%}.Project-h2{letter-spacing:.02em;line-height:1.3;margin-bottom:0}.Project-description{max-width:75ch;padding-bottom:5rem}.Project-description-paragraph{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85em;font-weight:300;letter-spacing:0;line-height:1.8;margin-top:2vh}.Link-container{align-content:space-around;background-color:#161f2f;border-radius:5px;box-shadow:0 2px 4px 0 #0003;flex-flow:row wrap;font-family:inherit;height:10vh;margin:0;padding:1vw 1vw 1vw 2vw;text-align:left;transition:all .3s ease;width:15vw;z-index:1}.Link,.Link-container{align-items:center;display:flex}.Link{flex-grow:1;justify-content:space-between}.Link,.Link-name{text-decoration:none}.Link-name{color:#fff;display:flex;font-size:1.75rem;justify-content:right;margin-right:1rem}.Block-Wrapper{align-items:center;background:#051131b3;border-radius:5px;box-shadow:0 0 2vw 1vw #0006;display:flex;flex-flow:row nowrap;font-family:inherit;justify-content:space-between;margin:2vh 5vw;min-width:80vw;text-align:left;transition:all .3s ease;z-index:1}.Block-Wrapper.Vertical{flex-flow:column nowrap}.Block-Header{display:flex;flex:1 1;font-size:10vh;letter-spacing:.02em;line-height:1.3}.Block-Body{display:flex;flex:1 1;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:2.5vh;font-weight:300;letter-spacing:0;line-height:1.8;margin:0 1.5vw;max-width:75ch}.Block-Body.Hidden{display:none;transition:all .3s ease}.Block-Body.NotHidden{display:flex;transition:all .3s ease}.Block-Body.Centered{justify-content:center}.Block-Image{border-radius:.75rem;box-shadow:0 0 .5rem .25rem #08180ccc;height:18vw;height:var(--block-image-scale);margin:1rem;max-width:100%;object-fit:cover;width:18vw;width:var(--block-image-scale)}.Block-Image.Small{height:9vw;height:calc(var(--block-image-scale)/2);width:9vw;width:calc(var(--block-image-scale)/2)}.Block-Image.Horizontal{height:18vw;height:var(--block-image-scale);width:calc(sqrt(2)*18vw);width:calc(sqrt(2)*var(--block-image-scale))}.Block-Image.Horizontal.Home{--home-image-scale:14vw;height:var(--home-image-scale);margin:6px;width:calc(sqrt(2)*var(--home-image-scale))}.Block-Image.About{height:18vw;height:var(--block-image-scale);width:13.5vw;width:calc(var(--block-image-scale)*.75)}.Block-Image.Vertical{height:calc(sqrt(2)*18vw);height:calc(sqrt(2)*var(--block-image-scale));width:18vw;width:var(--block-image-scale)}.Block-Image.Portrait{align-self:center;aspect-ratio:9/16;flex:1 1;margin-left:auto;margin-right:auto;max-height:27vw;max-height:calc(var(--block-image-scale)*1.5)}.Scroll-Top{align-items:center;background-color:#2a3b5cd9;border-radius:5px;bottom:20px;cursor:pointer;display:flex;gap:8px;left:20px;opacity:0;padding:12px 18px;pointer-events:none;position:fixed;transition:all .3s ease;z-index:100}.Scroll-Top.Show{opacity:1;pointer-events:auto}.Scroll-Top:hover{background-color:#3a4d74f2;box-shadow:0 4px 12px #0009}.Home-Recent-Posts{align-items:center;background-color:#00000080;border-radius:8px;box-shadow:0 0 5vh 1vh #000c;display:flex;flex-flow:column;justify-content:flex-start;margin-bottom:2vh;min-height:25vh;padding:0;position:relative;transition:all .3s ease;width:52vw;z-index:0}.Home-Recent-Posts-Wrapper{max-height:60vh;min-height:25vh}.Home-Recent-Post{align-items:center;background-color:#2a3b5cd9;border-radius:5px;display:flex;flex-flow:column;height:auto;justify-content:flex-start;margin:16px;padding:14px 20px;position:relative;transition:all .3s ease;width:42vw;z-index:1}.Home-Recent-Post:hover{background-color:#3a4d74f2;box-shadow:0 4px 12px #0009}.Home-Recent-Post-Collection{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.Home-Recent-Post-Description{color:#e8e8e8;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:calc(14px + 1vmin);font-weight:300;letter-spacing:0;line-height:1.8;margin:0;max-width:65ch;overflow-x:hidden;overflow-y:visible;text-align:left}.Page-container.Home h1{line-height:1.2;margin:2vh 0}.Home-Recent-Post-Title{font-size:3rem;font-weight:700;margin:0 0 4px}.Home-Recent-Post-Title,.Home-Recent-Posts h3{color:#fff;letter-spacing:.02em;line-height:1.3}.Home-Recent-Posts h3{font-size:3.75rem;font-weight:600;margin:1.5vh 0}.Page-container.About{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.About-title-decoration{align-items:center;background-color:#1c273b99;border-radius:7px;display:flex;flex-flow:column nowrap;margin-top:7vh;margin-top:calc(2vh + var(--nav-height));padding:2vh 3vw;text-align:center}.About-title-decoration span:first-child{font-size:5.5rem;font-weight:700}.About-title-decoration span:nth-child(2){font-size:3.5rem}.About-body-decoration{background-color:#051131bf;border-radius:1rem;flex:1 1 1;max-width:100%;overflow:hidden;text-align:center;width:100%}.About-body-decoration .Block-Wrapper{background:#0000;border-radius:0;box-shadow:none;box-sizing:border-box;gap:2vw;justify-content:center;margin:1vh 0;max-width:100%;min-width:0!important;overflow:hidden;padding:2rem;width:100%!important}.About-body-decoration .Block-Body{flex:1 1;max-width:none;min-width:0;overflow:hidden}.About-body-decoration .Block-Image.About{flex-shrink:0;margin:0}.About-body{align-items:center;display:flex;flex-direction:column;overflow-y:auto;padding:0 5vh 5vh;padding:0 var(--body-padding) var(--body-padding) var(--body-padding);text-align:left}.About-body-intro{font-size:2.25rem;margin-left:3vw;margin-right:3vw;text-align:left;text-decoration:none}.About-body-intro-wrapper{align-items:flex-start;display:flex;flex-direction:row;width:100%}.About-body-main{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;letter-spacing:0;line-height:1.8;margin-left:3.5vw;margin-right:3.5vw;text-align:left}.About-intro{font-size:1.75rem;margin:0;text-align:center}.About-icon-container{flex-flow:row wrap;gap:20px;margin-top:.75vh}.About-icon-container,.About-icon-wrapper{align-items:center;display:flex;justify-content:center}.About-icon-wrapper{position:relative}.About-icon{align-items:center;background-color:#1c273b;border-radius:50%;display:flex;height:3rem;justify-content:center;margin:4px;width:3rem}.About-icon-tooltip{animation-fill-mode:both;animation-timing-function:ease-out;background-color:#1c273b;border-radius:3px;color:#fff;font-size:1.25rem;padding:8px 14px;pointer-events:none;position:absolute;white-space:nowrap;z-index:10}.About-icon-tooltip.top{animation-name:tooltip-in-top;bottom:calc(100% + 8px);left:50%}.About-icon-tooltip.bottom{animation-name:tooltip-in-bottom;left:50%;top:calc(100% + 8px)}.About-icon-tooltip.left{animation-name:tooltip-in-left;right:calc(100% + 8px);top:50%}.About-icon-tooltip.right{animation-name:tooltip-in-right;left:calc(100% + 8px);top:50%}@keyframes tooltip-in-top{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltip-in-bottom{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes tooltip-in-left{0%{opacity:0;transform:translateY(-50%) translateX(-10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes tooltip-in-right{0%{opacity:0;transform:translateY(-50%) translateX(10px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.No-Margins{margin:0}@media screen and (min-width:768px){.App-body{height:calc(100vh - 5rem);padding-top:5rem}.navbar{height:5rem;top:0;transition:.6s;transition:var(--transition-speed);width:100vw}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link{align-items:center;flex-direction:column;justify-content:center}.nav-link:hover{height:8rem;height:var(--expanded-height)}.link-text{font-size:0;margin-left:0;margin-top:1rem}.nav-item:last-child{margin-left:auto;margin-top:0}.App-body{bottom:0;margin:0}.navbar:hover{height:8rem;height:var(--expanded-height)}.navbar:hover .link-text{display:inline;font-size:2rem}.nav-item.expand{display:none;flex-direction:row-reverse;transition:.6s;transition:var(--transition-speed)}.Project-spacer{margin:25vh}[class*=Project-list-item]{min-height:10vh;min-width:25vw}[class*="Block-Image Smart"]{height:18vw;height:var(--block-image-scale);width:calc(sqrt(2)*18vw);width:calc(sqrt(2)*var(--block-image-scale))}[class*=About-footer-icon]{min-height:3rem;min-width:3rem}}@media screen and (max-width:767px){.App-body{height:100vh;min-height:0;min-height:auto;min-width:calc(97vw - 10vh);min-width:calc(97vw - var(--header-label-height));overflow:hidden}.nav-link{width:100%}.App-body{padding-left:5rem;width:calc(100vw - 5rem)}.navbar{height:100vh;overflow-y:hidden;top:0;width:5rem}.link-text{font-size:0}.navbar.expanded{width:16rem;width:var(--expanded-width)}.navbar.expanded .link-text{display:inline;font-size:2rem}.navbar.expanded .nav-item.expand{display:flex;transition:.6s;transition:var(--transition-speed)}.nav-link.expand{display:flex;flex-direction:row-reverse}.expand svg{transform:rotate(0deg);transition:.6s;transition:var(--transition-speed);transition-delay:.2s;transition-delay:calc(var(--transition-speed)/3)}.navbar.expanded .expand svg{transform:rotate(-180deg)}[class*=Page-content-block-text]{font-size:1rem}[class*=Image-combo]{flex-direction:column}[class*=Project-list-container]{grid-template-columns:1fr;margin-bottom:-50vh;width:100%}[class*="Project-list-container Other"]{grid-template-columns:1fr}[class*=Project-list-item]{flex-direction:column;min-height:25vh;min-width:10vw}[class*="Project-list-item Other"]{font-size:1.75rem;min-height:0;min-height:auto;min-width:0;min-width:auto}[class*=Link-container]{height:7.5vh;width:30vw}[class*=Link-name]{font-size:1rem}[class*=Block-Wrapper]{flex-direction:column;min-width:50vw}[class*=Block-Body]{font-size:3.5vh;letter-spacing:.03em;line-height:1.6}:root{--block-image-scale:40vw}.Home-Recent-Posts{width:80vw}.Home-Recent-Post{width:70vw}.Block-Image.Horizontal.Home{--home-image-scale:35vw}[class*=Home-Recent-Post-Collection]{flex-direction:column-reverse}[class*=About-footer-icon]{margin:5px;max-height:6.25vh;max-width:6.25vh;min-height:6.25vh;min-width:6.25vh}.About-body-decoration .Block-Image.About{order:-1}}
/*# sourceMappingURL=main.cbaef644.css.map*/