html{scroll-behavior:smooth}body{margin:0;font-family:Ubuntu Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#111;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (min-width: 1024px){::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1bb}::-webkit-scrollbar-thumb{background:#505050;border-radius:2rem}::-webkit-scrollbar-thumb:hover{background:#3f3f3f}}.portfolio-container{text-align:center}.main-content{margin:0;margin-top:5rem;min-height:100vh}h2{font-size:xx-large}h1:before,h2:before{content:"$ "}.link{color:#5fc51b;text-decoration:none}.link:before{content:"~/"}.link:hover{color:#96e61e}.link:active{color:#476d0e}.cta-blurb{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.name-blurb{padding-top:40vh;flex:1 0 auto}.scroll-blurb{flex:0 1 auto;margin-top:.5rem;margin-bottom:3rem;animation:float 1.5s ease infinite}.blink{animation:blinker .8s step-start infinite alternate}@keyframes blinker{50%{opacity:0}}@keyframes float{50%{margin-top:0rem;margin-bottom:3.5rem}}.bio-section{margin:5rem 0rem}.bio-flex-container{display:flex;flex-direction:row;justify-content:center}.bio-img{border-radius:8rem}.bio-flex-child{flex:0 1 auto;margin:1rem;max-width:20rem}.bio-work-span:before{content:"["}.bio-work-span:after{content:"]"}.bio-work-span{color:#ff0}@media screen and (min-width: 720px){.bio-work-span{white-space:nowrap}}.social-media-section{text-align:center;padding:0 1rem}.social-media-container{display:flex;flex-direction:row;justify-content:center}.social-media-link{flex:0 1 auto;margin:1rem}.social-media-link:before{content:""}.github-info-flex-container{text-align:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.github-info-flex-child{margin:1rem;flex:0 0 auto;width:20rem;-webkit-animation:fade .3s ease-in;animation:fade .3s ease-in}.github-info-type{height:2rem}.github-info-description{width:20rem;margin:auto}@media screen and (min-width: 1024px){.github-info-flex-child{width:30rem}}@keyframes fade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade{0%{opacity:.25}to{opacity:1}}
