.sideNav{text-align:right;margin:60px 20px 0}.sideNav h1{margin:0 0 60px;font-size:30px;font-weight:200}.sideNav ul{margin:0;padding:0;font-size:24px;font-weight:200}.sideNav li{margin:20px 0;padding:0;list-style:none}.sideNav li a{padding:10px 0}.sideNav li a.active{color:#f8a}.topNav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.topNav h1{margin:0;font-size:16px;line-height:20px;font-weight:200}.topNav h1 a{-ms-flex-align:center;align-items:center;height:60px;padding:0 10px}.topNav h1 a,.topNav ul{display:-ms-flexbox;display:flex}.topNav ul{margin:0;padding:0;font-size:20px;text-transform:lowercase}.topNav li{margin:0;padding:0;list-style:none}.topNav li a{display:block;padding:20px 15px;font-weight:200}@media screen and (min-width:400px){.topNav h1{font-size:20px}.topNav h1 a{height:60px;padding:0 20px}.topNav li a{padding:20px}}.topNav li a.active{color:#f8a}.portfolio__item{margin-top:60px}.portfolio__item:first-child{margin-top:80px}.portfolio__item h2{margin:0 10px 10px}.portfolio__description{margin:10px}.portfolio__screenshot{margin:10px 0}.portfolio__screenshot img{display:block;margin:0 auto;padding:0;max-width:100%;max-height:320px}.portfolio__timeframe{margin:10px;font-size:75%}.portfolio__extraLinks{margin:0;padding:0}.portfolio__extraLinks li{margin:0;padding:5px 10px;list-style:none}.portfolio__skills{margin:10px;padding:0;font-size:87.5%}.portfolio__skills li{list-style:none;display:inline}.portfolio__skills li:after{content:". "}@media screen and (min-width:400px){.portfolio__item{margin-left:20px;margin-right:20px}.portfolio__description,.portfolio__item h2,.portfolio__screenshot,.portfolio__skills,.portfolio__timeframe{margin-left:0;margin-right:0}.portfolio__screenshot img{margin:0}}@media screen and (min-width:600px){.portfolio__item:first-child{margin-top:60px}}.app{font-family:sans-serif;font-size:18px}.app a{color:#f47;text-decoration:none}.sideNavWrapper,.topNavWrapper{background-color:#444}.sideNavWrapper a,.topNavWrapper a{color:#fff}.topNavWrapper{position:fixed;top:0;width:100%;height:60px}.sideNavWrapper{display:none}.contentWrapper{margin-top:60px}@media screen and (min-width:600px){.topNavWrapper{display:none}.sideNavWrapper{display:block;position:fixed;top:0;width:200px;height:100%}.contentWrapper{margin-top:0;margin-left:200px}}body,html{margin:0;padding:0}
/*# sourceMappingURL=main.2b627a78.css.map*/