:root{background-color:#0a0a0a;color:#ffffffe6;font-size:larger;margin:0;scrollbar-width:none;scroll-behavior:smooth;font-family:Roboto,sans-serif;--darker-white: rgba(255,255,255,.8)}:root::-webkit-scrollbar-track{width:0}html,body{padding:0;margin:0}.App{width:100%;height:100%;margin:0;position:relative}.fancy{color:#ff7d00;font-style:italic}.stickyBackTop{position:sticky;width:100%;bottom:3vh;display:flex;justify-content:center;align-items:center;z-index:10}.stickyButton{border:none;font:inherit;font-size:medium;filter:brightness(.7);background:none;color:inherit;cursor:pointer}.stickyButton:hover{filter:brightness(1)}.navBarContainer{width:100%;height:8vh;position:absolute;top:0;background-color:#000;display:flex;justify-content:flex-end;align-items:center}.navBarButton{background:transparent;height:50%;border:1px solid #ff7d00;font:inherit;padding:.5vh .5vw;color:#fff;z-index:1;margin-right:1vw;border-radius:20px;cursor:pointer}.navBarButton:focus,.navBarButton:hover{background-color:#ff7d00;color:#000}.navBarContainer>a{cursor:pointer;text-decoration:none;z-index:1}.introContainer{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.introHeader{color:#fff;margin-bottom:0;text-align:center}.introTitle{margin-top:0}.introParagraph{padding:0 10vw}.introProjectsButton{background:transparent;color:inherit;border:1px solid #ff7d00;border-radius:12px;padding:1vh 1vw;font:inherit;cursor:pointer}.introProjectsButton:focus,.introProjectsButton:hover{background-color:#ff7d00;color:#000}.introEmailButton{border:1px solid var(--darker-white);background-color:transparent;padding:.5vh .5vw;color:var(--darker-white);font:inherit;font-family:inherit;border-radius:12px;cursor:pointer;position:absolute;right:2vw;bottom:4vh}.introBlogButton{text-decoration:none}.introEmailButton:after{border:1px solid #ff7d00;background-color:#0a0a0a;color:#ff7d00;position:absolute;inset:-1px;content:"Copied!";padding:.5vh .5vw;visibility:hidden;font:inherit;font-family:inherit;border-radius:12px}.introEmailButton:focus:after{visibility:visible}.introEmailButton:hover{border-color:#fff;color:#fff}.introLinkedIn{border:1px solid var(--darker-white);background-color:transparent;padding:.5vh .5vw;color:var(--darker-white);font:inherit;font-family:inherit;border-radius:12px;cursor:pointer;position:absolute;right:2vw;bottom:10vh;text-decoration:none}.introLinkedIn:hover{border-color:#fff;color:#fff}.introGitHub{border:1px solid var(--darker-white);background-color:transparent;padding:.5vh .5vw;color:var(--darker-white);font:inherit;font-family:inherit;border-radius:12px;cursor:pointer;position:absolute;right:2vw;bottom:16vh;text-decoration:none}.introGitHub:hover{border-color:#fff;color:#fff}.featuredContainer{background-color:#000;width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center}.featuredHeader{margin-bottom:0}.featuredSubheading{margin-top:0}.featuredProjectsDisplay{position:relative;width:100%;min-height:40vh;display:flex;flex-direction:column;align-items:center;height:fit-content}.featuredProject{display:grid;grid-template-columns:3fr 1fr;gap:1vw;position:relative;min-height:33vh;width:60vw;margin-bottom:40px}.featuredProject>img{width:100%;height:100%;object-fit:scale-down}.featuredProjectText{background-color:#0a0a0a;font-size:medium;padding:1vh 1vw;max-width:40vw;display:flex;flex-direction:column;align-items:center}.featuredProjectStack{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1vw;padding:0;text-align:center}.featuredProjectStack>li{float:left;padding:.5vh .5vw;border:1px solid white;border-radius:30px}.featuredProjectLinks{position:absolute;right:0;bottom:-30px}.featuredProjectLinks>a>svg{width:20px;height:20px;fill:#fff}.featuredProjectLinks>a>svg:hover{fill:#ff7d00}.archiveContainer{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:8vh}.archiveContainer>table>thead>tr>th{padding-bottom:3vh;text-align:left}.archiveContainer>table>tbody>tr>td{vertical-align:top}.archiveHeader{margin-bottom:0}.archiveSubheading{margin-top:0;margin-bottom:20vh}.archiveList{list-style:none}.archiveItem{width:40vw;border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:1vh 1vw;margin:0 0 1vh}.archiveProjectTitle{padding-right:1vw;padding-bottom:1vh;max-width:10vw;word-wrap:break-word}.archiveProjectType{padding-right:2vw;padding-bottom:1vh}.archiveProjectStack,.archiveProjectSummary{padding-right:3vw;padding-bottom:1vh;max-width:10vw;word-wrap:break-word;font-size:large}.archiveProjectLinks{min-width:50px;display:flex;flex-direction:row;justify-content:center;align-items:center}.archiveLinks>a{text-decoration:none;font-family:inherit;color:#ff7d00;display:flex;align-items:center;justify-content:center;z-index:11;cursor:pointer}.archiveLinks>a>svg{width:1.2rem;height:1.2rem;fill:#fff}.archiveLinks>a>svg:hover{fill:#ff7d00}.footerContainer{position:absolute;bottom:0;width:100%;height:8vh;background-color:#000}.footerSignature{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font:inherit;font-size:small;filter:brightness(.5)}.footerEmailButton{width:100px;height:22px;position:absolute;border:none;background-color:transparent;right:50%;top:50%;transform:translate(-100%,-50%);font-family:inherit;font-size:large;color:#fff;cursor:pointer;z-index:11;width:fit-content;height:fit-content;padding:0}.footerEmailButton:hover{color:#ff7d00}.footerEmailButton:after{position:absolute;content:"Copied!";visibility:hidden;text-align:center;left:50%;transform:translate(-50%);color:#ff7d00}.footerEmailButton:focus{visibility:hidden}.footerEmailButton:focus:after{visibility:visible}.footerButtonContainer{width:90px;height:22px;position:absolute;top:50%;left:50%;transform:translate(100%,-50%);display:grid;grid-template-columns:1fr 1fr;gap:1vw;z-index:11}.footerButtonContainer>a{text-decoration:none;font-family:inherit;color:#ff7d00;display:flex;align-items:center;justify-content:center;z-index:11;cursor:pointer}.footerButtonContainer>a>svg{width:1rem;height:1rem;fill:#fff}.footerButtonContainer>a>svg:hover{fill:#ff7d00}.backTopMobile{display:none}@media screen and (max-width:1366px){:root{font-size:large}.navBarContainer{height:10vh}.introHeader{margin-top:12vh}.navBarButton{padding:1vh 1.5vw}.introContainer{justify-content:flex-start;padding-bottom:140px}.introGitHub{right:auto;left:2vw;bottom:90px}.introLinkedIn{bottom:90px}.introEmailButton{right:auto;left:50%;bottom:20px;transform:translate(-50%)}.featuredProject{width:70vw;grid-template-columns:1fr}.featuredProjectText{max-width:70vw;padding:1vh 2vh}.featuredProjectStack{gap:1vh}.featuredProjectStack>li{padding:1vh 1vw}.archiveSubheading{margin-bottom:10vh}.archiveProjectSummary{display:none}.archiveContainer>table>thead>tr>th:nth-child(3){padding-right:3vw}.archiveContainer>table>thead>tr>th:nth-child(2){padding-right:1vw}.archiveContainer>table>thead>tr>th:first-child{padding-left:2vw;padding-right:3vw}.archiveProjectTitle{max-width:28vw;padding-bottom:3vh;padding-right:3vw;padding-left:2vw}.archiveProjectType{max-width:25vw;padding-bottom:3vh}.archiveProjectStack{max-width:25vw;padding-bottom:3vh;font-size:medium;font-weight:700}.archiveProjectLinks{display:none;max-width:10vw;padding-bottom:3vh}.footerButtonContainer{top:30%;transform:translate(-50%,-50%);gap:10vw}.footerSignature{text-align:center}.footerEmailButton{font-size:medium;top:30%;left:2vw;transform:translateY(-50%)}.backTopMobile{display:block;position:absolute;top:30%;right:2vw;transform:translateY(-50%);border:none;font:inherit;font-size:medium;filter:brightness(.7);background:none;color:inherit;cursor:pointer}.hideOnMobile{display:none}}@media screen and (max-width:390px),screen and (max-height:480px){.archiveProjectLinks,.hideOnSmall{display:none}.archiveContainer{padding-bottom:100px}.footerContainer{height:90px}}