@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
html,body{font-family:"Noto Sans",sans-serif;height:100%;margin:0}html #root,body #root{min-height:100%}html,body{background-color:#000}body{min-width:256px}#root{display:flex;flex-direction:column}.width-limited{max-width:1024px;margin:auto}em{font-weight:bolder}.doc{padding:2rem 1rem}.doc h1,.doc h3,.doc h4{font-weight:bold}a{text-decoration:none;font-weight:bold;color:#fff}a:hover{color:red}a.prominent{color:red}a.prominent:hover{color:#fff}#headline{align-self:center;display:flex;align-items:flex-start;max-height:40vh;width:100vw;max-width:800px}#headline svg{flex:1;margin:3rem}#nav-foot-bar{background-color:#000;padding:3rem;text-align:center}#nav-foot-bar .links{display:block}#nav-foot-bar .links .link{margin:.5rem 1rem;white-space:nowrap}#nav-foot-bar .copyright{padding-top:1rem}#nav-foot-bar .copyright span{font-size:.8em;color:#a0a0a0}@media(max-width: 800px){#nav-foot-bar .link{display:block}}#body{display:flex;flex-direction:column}#showcases{flex:1}#showcases .showcases-content{border-top:3px solid #000;max-width:640px;margin:auto;color:#000;background-color:#fff;padding:3rem 2rem}#showcases .showcases-content h3{margin:0}.link-btn{margin:.5rem}.link-btn .content{padding:.5rem;border-radius:5px;border:3px solid #000;background-color:#fff;color:#000;display:flex}.link-btn .content:hover{border:3px solid #000;background-color:#000;color:#fff}.link-btn .content img{display:inline-block;width:3rem;height:3rem;margin-right:.5rem;padding:3px;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}.link-btn .content .details .title{font-weight:bold;margin-bottom:.2rem}.link-btn .content .details .description{font-weight:lighter;font-size:.8em;opacity:.8;white-space:nowrap}