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{display:flex;flex-direction:column;font-family:Courier New,Courier,Lucida Console;height:100vh;text-align:center;width:100vw}*,.App{background-color:#282c34}*{box-sizing:border-box;color:#00ff41;margin:0;scrollbar-color:#00ff41 #282c34;scrollbar-width:none}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#282c34}::-webkit-scrolbar-thumb{background-color:#00ff41;border:3px solid #282c34;border-radius:1em}.App *{white-space:pre-line}.NavigationFlexBox{align-items:center;display:flex;flex-direction:row;font-size:x-large;justify-content:space-around;width:100%}.NavigationFlexBox a{font-size:calc(12px + 2vmin);padding:.5em;text-decoration:none}.ProjectComponent{align-items:center;border-radius:1em;border-style:solid;border-width:.1em;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:2em;margin-top:0}.ProjectComponent h1{font-size:calc(10px + 2vmin);margin-top:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ProjectFlexBox{display:flex}@media (min-aspect-ratio:5/6){.ProjectComponent{margin-left:8em;margin-right:8em;width:80%}.ProjectFlexBox{align-items:center;flex-direction:row;justify-content:space-around;margin:1em}.ProjectDescription{margin-right:5em;width:90%}.ProjectFigure img{width:10%}.ProjectDescription ul li{font-size:calc(1px + 2vmin);margin-bottom:1em;text-align:start}}@media (max-aspect-ratio:5/6){.ProjectFlexBox{align-items:center;flex-direction:column;justify-content:center;margin:1em}.ProjectDescription ul{font-size:calc(1px + 2vmin);list-style:none;padding:0;text-align:start}.ProjectDescription ul li{font-size:calc(10px + 2vmin);margin-bottom:1em}}.ProjectDescription h1{font-size:calc(10px + 2vmin)}.ProjectFigure{display:flex;flex-direction:column;margin:1em;overflow:hidden}.ProjectFigure img{width:100%}.ProjectFigure img,.ProjectLinkOnly{border-radius:1em;box-shadow:.5em .5em .5em #00000070;cursor:pointer}.ProjectLinkOnly{align-items:center;background-color:#222;color:#fff;display:flex;justify-content:center;min-height:12em;padding:1em;text-align:center}.ProjectFigure figcaption{cursor:pointer;text-decoration:underline}.ProjectDiv{height:100%;overflow-x:hidden}.ProjectHeader{margin:.5em}.ProjectComponentList{justify-content:space-around;list-style:none;padding:0;width:100%}.AboutMePage,.ProjectComponentList{align-items:center;display:flex;flex-direction:column}.AboutMeSections{background-color:#00ff41;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;margin-top:2em;width:100%}.WhatIDo,.WhoIAm{display:flex;flex-direction:column;width:50%}.AboutMeSections div h2,.AboutMeSections ul li{font-size:calc(10px + 2vmin)}.AboutMeSections ul li{list-style:none;margin-bottom:1em;text-align:left}@media (min-aspect-ratio:1/1){.AboutMePage .ContactDiv{margin:1em;max-width:15%}.AboutMeSections div ul{list-style:none;margin-left:3em;margin-right:3em;margin-top:1em;padding:0}.AboutMeSections ul li{font-size:calc(8px + 2vmin);line-height:1.5em}}@media (max-aspect-ratio:1/1){.AboutMePage .ContactDiv{margin:1em;width:50%}.AboutMeSections div ul{list-style:none;margin-left:1em;margin-right:1em;margin-top:1em;padding:0}.AboutMeSections ul li{font-size:calc(8px + 1.8vmin)}.MobileHidden{display:none}}.Divider{border-style:solid;border-width:.1em;height:100%;width:0}.ContactDiv{display:flex;flex-direction:column}.ProfilePic{border-radius:100em;margin-bottom:.5em;width:100%}.IconFlexbox{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:.2em;width:100%}.IconFlexbox *{cursor:pointer;height:100%;width:10%}.Homepage{display:flex;font-size:calc(8px + 2vmin);height:100%;justify-content:space-between;max-height:100%;width:100%}@media (min-aspect-ratio:1/1){.Homepage{flex-direction:row;margin-top:2em}.Homepage .ContactDiv{margin-right:2em;width:20%}.Homepage .OpeningTextDiv{width:60%}}@media (max-aspect-ratio:1/1){.Homepage{align-content:center;flex-direction:column;justify-content:space-between;max-height:90%}.Homepage .ContactDiv{align-self:center;margin:2em;width:60%}}.OpeningTextDiv{align-items:start;display:flex;flex-direction:column;margin:1em}.OpeningTextDiv p{font-size:calc(10px + 2vmin);text-align:left}
/*# sourceMappingURL=main.0cfa8ba1.css.map*/