@import url(https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eeeee4;background-color:#ece7e5;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow-x:hidden;position:relative;width:100vw}#root,.App{height:100%;position:relative;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#000;text-decoration:none}*{scroll-behavior:smooth}#education,#work{scroll-margin-top:100px}.aboutOuterWrapper{margin:20vh auto auto;width:85%}.lottieImage{background-image:url(/static/media/face.f5ee8717e439c6fb981b.png);background-size:cover;height:25vw;position:absolute;right:10%;top:50%;-webkit-transform:translate(10%,-50%);transform:translate(10%,-50%);width:25vw}.contentBlock{margin-bottom:25vh;position:relative}.title{font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:900;margin-bottom:20px}.titleSlash{color:grey}.content{font-family:Inconsolata,monospace;font-size:large;line-height:30px;margin-bottom:20px;width:45%}.contentQuickLinks{display:flex;justify-content:start}.contentQuickLinks>span{margin-right:18px}.contentQuickLink{cursor:pointer;text-decoration:underline}.educationBlock{align-items:center;background-color:#e7e7e7;border-radius:10px;display:flex;margin-bottom:20px;padding:10px;width:48%}.educationImage{display:inline;height:auto;width:100px}.year{font-size:x-large;font-weight:900}.educationDesciption,.year{font-family:Inconsolata,monospace}.educationDesciption{font-size:medium}.educationBlock .bullet{margin-bottom:0}.bullet{font-size:medium;list-style-type:circle;margin:0 0 25px;padding-left:20px}.bullet,.workBlock{font-family:Inconsolata,monospace}.workBlock{display:flex;justify-content:start;margin-bottom:40px;max-width:72vw}.workDate{color:#333;min-width:18rem}.workName{font-weight:900}.workName,.workRole{font-size:larger;margin-bottom:4px}.workContent{margin-bottom:12px}.workContent li{margin-bottom:8px}.workContent ul:last-child{margin-bottom:0}.workSkills{display:flex;flex-wrap:wrap;justify-content:start}.workSkills span{background-color:#0047f112;border:0 solid #000;border-radius:5px;color:#002ec9cc;margin:0 8px 8px 0;padding:4px 8px}@media (max-width:1400px){.content{width:75%}.educationBlock{width:80%}.lottieImage{background-image:none;visibility:hidden}}@media (max-width:800px){.title{font-size:35px}.content{width:90%}.workBlock{display:block}}@media (max-width:700px){.aboutOuterWrapper{margin-top:15vh}.title{font-size:30px}.content{width:95%}}@media (max-width:600px){.title{font-size:23px}.content{width:100%}.contentQuickLinks{flex-direction:column}.aboutOuterWrapper{margin-top:10vh}}.name{font-family:Inconsolata,monospace;font-size:x-large;font-weight:900}.topbar{position:fixed;width:calc(100vw - 64px);z-index:10}.topbar,.topbarPlaceHolder{display:flex;justify-content:space-between;padding:32px 32px 0}.topbarPlaceHolder{visibility:hidden}.menu{align-items:center;display:flex}.menuImage{height:auto;max-width:22px}.menuItemImage{align-items:center;display:flex;justify-content:center}.menuItem{margin:0 10px;position:relative;text-align:center}.namedItem{background-color:hsla(0,0%,91%,.4);border-radius:3px;color:#000;font-family:Inconsolata,monospace;font-size:small;height:-webkit-min-content;height:min-content;padding:4px 15px 5px;text-align:center}.namedItem:hover{background-color:hsla(0,0%,91%,.7)}.selectedItem{background-color:hsla(0,0%,91%,.8)!important;text-decoration:underline}@media (max-width:600px){.topbar,.topbarPlaceHolder{align-items:center;flex-direction:column}.name{margin-bottom:10px}}.projectsOuterWrapper{margin:10vh auto auto;width:85%}.projectTop{display:flex}.projectTitle{position:fixed}.projectTitle,.projectTitlePlaceHolder{font-family:Arial,Helvetica,sans-serif;font-size:40px;font-weight:900;margin-bottom:10px;margin-right:50px;width:25vw}.projectTitlePlaceHolder{color:transparent}.projectContent{align-self:flex-end;flex:auto;font-family:Inconsolata,monospace;margin-bottom:10px}.projectBottom{display:flex;flex-direction:col;flex-grow:1;position:relative}.projectNav{background-color:transparent;border-radius:2px;border-top:1px solid #b8b8b8;height:70vh;overflow-y:scroll;padding-top:10px;position:fixed;width:25vw}.projectNav::-webkit-scrollbar{display:none}.projectNav{-ms-overflow-style:none;scrollbar-width:none}.projectNavItem{align-items:center;background-color:#e7e7e7;border-radius:2px;display:flex;margin-bottom:10px;padding:10px;position:relative}.projectNavItem>*{pointer-events:none}.projectNavItem:hover{background-color:#000;cursor:pointer;transition:.3s}.projectNavItem:hover .projectNavTitle{color:#fff}.selectedProjectNavItem{background-color:#000}.projectNavThumbNail{border-radius:3px;height:auto;margin-right:10px;object-fit:cover;width:75px}.projectNavTextContent{align-self:flex-end;color:grey;font-size:smaller}.projectNavType{margin-right:10px}.projectNavTitle,.projectNavType{font-family:Inconsolata,monospace}.projectNavTitle{color:#000;font-size:medium;margin-top:5px}.selectedProjectNavTitle{color:#fff}.projectNavPlaceHolder{border-top:1px solid transparent;margin-right:50px;padding-top:10px;width:25vw}.projectDescription{border-top:1px solid #b8b8b8;flex:1 1;font-family:Inconsolata,monospace;margin-bottom:100px;text-overflow:clip}.postPin{color:#000;position:absolute;right:5px;top:5px}.projectNavItem:hover .postPin,.selectedProjectNavItem .postPin{color:#fff}@media (max-width:1000px){.projectBottom{flex-direction:column}.projectTitle,.projectTitlePlaceHolder{display:none}.projectNav{background-color:#f0f8ff;border:none;bottom:0;display:flex;flex-direction:row;height:-webkit-min-content;height:min-content;left:0;width:100%}.projectNavItem{margin-right:10px;padding-right:20vw}.projectNavPlaceHolder{display:none}}@media (max-width:600px){.projectsOuterWrapper{margin-top:5vh}}.projectDescriptionTitle{font-family:Inconsolata,monospace;font-size:xx-large;margin-bottom:20px;margin-top:20px}.projectDescriptionStack{margin-bottom:20px;width:80%}.projectDescriptionLinks{align-items:center;display:flex;margin-bottom:15px}.projectDescriptionLinkItem:hover{text-decoration:underline}.projectDescriptionContent{margin-bottom:40px;text-align:justify}.projectDescriptionSubtitle{font-size:large;font-weight:800;margin-bottom:10px}.projectDescriptionImage{display:flex;justify-content:center}.projectDescriptionImage>img{border:5px solid #000;margin-bottom:40px;max-height:50vh;max-width:100%}.homeTitleWrapper{color:#1a765c;font-family:Inconsolata,monospace;font-size:xx-large;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.homeTitle{display:inline-block}.homeTitle1{-webkit-animation:typing 1s steps(25) forwards;animation:typing 1s steps(25) forwards;-webkit-animation-delay:0s;animation-delay:0s}.homeTitle1,.homeTitle2{border-right:.1em solid grey;overflow:hidden;white-space:nowrap;width:0}.homeTitle2{-webkit-animation:typing 1s steps(25) forwards;animation:typing 1s steps(25) forwards;-webkit-animation-delay:1s;animation-delay:1s}.homeTitle3{-webkit-animation:typing 1s steps(25) forwards;animation:typing 1s steps(25) forwards;-webkit-animation-delay:2s;animation-delay:2s}.homeTitle3,.homeTitle4{border-right:.1em solid grey;overflow:hidden;white-space:nowrap;width:0}.homeTitle4{-webkit-animation:typing 1s steps(25) forwards;animation:typing 1s steps(25) forwards;-webkit-animation-delay:3s;animation-delay:3s}.removeBorder{border-right:0!important}.finalState,.noMove{overflow:hidden;white-space:nowrap;width:100%}.finalState{-webkit-animation:blink .8s infinite;animation:blink .8s infinite;border-right:.1em solid grey}.homeTitlePlaceHolder{border-right:.1em solid grey;overflow:hidden;visibility:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink{0%{border-color:transparent}to{border-color:grey}}@keyframes blink{0%{border-color:transparent}to{border-color:grey}}@media (max-width:600px){.homeTitleWrapper{font-size:x-large}}@media (max-width:450px){.homeTitleWrapper{font-size:medium}}
/*# sourceMappingURL=main.ea3371ee.css.map*/