:root{--color-background:#15141a;--color-white:#fff;--light-grey:#888;--color-dark-grey:#666;--color-accent:#ff4f4f;--font-header:"Roboto", sans-serif;--font-body:"Roboto", sans-serif;--font-mono:monospace;--icon-diameter:2.6rem;--z-huds:10}@font-face{font-family:Roboto;src:url(/react-isomorphic-starter-kit/assets/746kZxMU.woff2)format("woff2");font-weight:100 900;font-optical-sizing:auto}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{background:var(--color-background);width:100%;height:100%;font-size:10px}body{color:var(--color-white);width:100%;height:100%;margin:0;padding:0;font-size:1.6rem}main{box-sizing:border-box;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 5%;display:flex;position:absolute;top:0;left:0}h1{color:var(--color-white);font-family:var(--font-header);letter-spacing:.2rem;text-transform:uppercase;margin-bottom:2rem;font-size:2rem;font-weight:700}@media (width>=600px){h1{font-size:3rem}}a,button,li,p,span{color:inherit;font-family:var(--font-body);letter-spacing:.1rem;border:none;outline:none;font-size:1.6rem;font-weight:400;line-height:130%;text-decoration:none}a,button{cursor:pointer;transition:all .2s ease-out}@media (hover:hover){:is(a,button):hover{opacity:.6}}code{font-family:var(--font-mono);max-width:60rem;font-size:1.6rem;font-weight:400;line-height:130%;display:block}pre{font-family:var(--font-mono);font-size:1.2rem;font-weight:400;line-height:130%;overflow:scroll}section{box-sizing:border-box;color:var(--light-grey);text-align:left;flex-flow:column;justify-content:center;align-items:flex-start;display:flex}footer{box-sizing:border-box;color:#fff;width:100%;z-index:var(--z-huds);padding:2.4rem;display:flex;position:fixed;bottom:0;left:0}nav{flex-grow:1}.logo{width:15rem;height:15rem;margin:0 3rem 0 0;animation:5s linear infinite rotate}@media (height>=600px){.logo{width:20rem;height:20rem;margin:0 0 3rem}}.logo>svg *{fill:var(--color-accent)!important}.icon{border-radius:calc(var(--icon-diameter) / 2);box-sizing:border-box;height:var(--icon-diameter);font-size:1.2rem;line-height:var(--icon-diameter);width:var(--icon-diameter);justify-content:center;align-items:center;display:flex}.icon>img{width:100%;height:100%}.content{box-sizing:border-box;color:var(--light-grey);flex-flow:row;justify-content:center;align-items:center;display:flex}@media (height>=600px){.content{flex-flow:column;max-width:37rem}.content>div{text-align:center;align-items:center}}