body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#2f3a82;text-align:center}.content{flex-grow:1;overflow:auto}.navbar{background-color:#171838;font-size:2vh;padding-bottom:10px;padding-top:10px;position:fixed;text-align:right;width:100%;z-index:10}.navbar a{color:#fff;padding:10px 16px;text-decoration:none}.navbar a:hover{background-color:#fff;color:#171838}.intro-section{background-color:#2f3a82;color:#fff;display:grid;grid-template-areas:"text photo" "null photo";grid-template-columns:repeat(2,1fr);height:100vh;margin:0 auto;padding:20vh 0 0 10vw;text-align:left}.intro-text{grid-area:text;padding:12.5% 0}#heya{font-size:min(3vh,3vw);font-weight:400}#heya,.my-name{margin:0;padding:0}.my-name{font-size:min(12vh,8vw)}#my-name{color:#fff}#desc_holder{font-size:min(2vh,2vw);font-weight:700;height:min(6vh,6vw);margin:0;position:relative}#a-role{top:0}#a-role,#b-role{position:absolute}#b-role{opacity:0;top:50%}.intro-links{height:3%;margin:2.5% .5%;width:3%}#intro-photo-border{display:block;grid-area:photo;height:100%;margin-right:auto;width:75%}#intro-photo{border:min(5px,1vw) solid #fff;border-radius:min(2vh,2vw);margin:0 auto;max-height:100%;max-width:100%}#about{background-color:#2f3a82;height:100%;margin:5vh auto;padding:4vh 10vw 0}.about-grid{display:grid;grid-template-columns:repeat(2,1fr)}.about-text{font-size:min(1.7vh,1vw)}#about-header,.about-text{color:#fff;text-align:left}#about-header{font-size:min(3vh,2vw)}.tech-list{display:grid;grid-template-columns:repeat(2,1fr)}li::marker{content:"→ ";font-size:1.2em}li{margin:3% 0}.about-photo-border{height:100%;margin-left:auto;width:60%}#about-photo{border:min(5px,1vw) solid #171838;border-radius:calc(1.5vh + 1.5vw);max-height:100%;max-width:100%}.project-holder{background-color:#2f3a82;border:min(5px,1vw) solid #fff;border-radius:calc(1vh + 1vw);color:#fff;height:85%;justify-self:center;margin:.5vh .5vw;padding:.5vh .5vw;text-align:left;width:85%;z-index:1}.generic-header{font-size:min(2vh,1vw)}.generic-short{font-size:min(1.7vh,.8vw)}.generic-tech{font-size:min(1.5vh,.6vw)}@media (orientation:landscape){.project-showcase-holder{align-self:center;background-color:#00008b;border:5px solid #fff;border-radius:calc(1vh + 1vw);color:#fff;display:grid;grid-template-areas:"text photo";grid-template-columns:2 auto;justify-self:center;max-height:85%;padding:.5vh .5vw;position:absolute;text-align:left;width:75.1vw;z-index:1}}@media (orientation:portrait){.project-showcase-holder{align-self:center;background-color:#00008b;border:5px solid #fff;border-radius:calc(1vh + 1vw);color:#fff;display:grid;grid-template-areas:"text" "photo";grid-template-rows:2 auto;justify-self:center;max-height:85%;padding:.5vh .5vw;position:absolute;text-align:left;width:75.1vw;z-index:1}}.project-photo-border{height:100%;margin-left:auto;width:60%}.project-showcase-text{grid-area:text;margin:0 10vh 0 0}#project-photo{border:min(5px,1vw) solid #171838;border-radius:calc(1.5vh + 1.5vw);grid-area:photo;justify-self:center;max-height:100%;max-width:90%}.showcase-header{font-size:min(2vh,1vw)}.showcase-short{font-size:min(1.7vh,.8vw)}.showcase-tech{font-size:min(1.5vh,.6vw)}#projects{background-color:#2f3a82;color:#fff;height:100%;padding:4vh 10vw 0;position:relative;text-align:left}#project-heading{font-size:min(3vh,2vw)}.project-text{font-size:min(1.7vh,1vw)}#project-grid{grid-row-gap:1vh;display:grid;grid-template-columns:repeat(3,1fr);row-gap:1vh;z-index:-1}#shows{background-color:#2f3a82;color:#fff;padding:4vh 10vw 0;text-align:left}#showsHeader{font-size:min(3vh,2vw)}.showsText{font-size:min(1.7vh,1vw)}#showGrid{grid-row-gap:1vh;display:grid;grid-template-columns:repeat(3,1fr);row-gap:1vh}.showElement{color:#fff;margin:.5vh 1vw;position:relative;text-align:center}.showImage{aspect-ratio:16/7;border:min(5px,1vw) solid #fff;border-radius:calc(1vh + 1vw);object-fit:cover;width:100%}.showElement:hover .showImage{filter:brightness(50%)}.showTitle{font-size:min(2vh,1.5vw);top:1vh;transform:translate(-50%);width:80%}.hiddenText,.showTitle{left:50%;position:absolute;text-align:center}.hiddenText{filter:opacity(0);font-size:min(1.4vh,.8vw);top:50%;transform:translate(-50%,-50%);width:85%}.roles{font-size:min(1.2vh,.7vw)}.showElement:hover .hiddenText{filter:opacity(1)}
/*# sourceMappingURL=main.e3a26b9b.css.map*/