:root{--nav-height:50px;--footer-height:50px}body,html{margin:0;height:100%}body{font-family:Helvetica,Arial,sans-serif;font-size:1rem}a,body{color:#2e2e2e}a{text-decoration:none;padding:1px;margin:4px;border-bottom:1px dotted #2e2e2e}footer,h1{width:100%;min-height:var(--footer-height);text-align:center;display:flex;align-items:center;justify-content:center}footer{border-top:1px solid rgba(0,0,0,.4);box-sizing:border-box}section{margin:0;text-align:center;min-height:calc(100vh - var(--footer-height) - var(--nav-height));display:flex;align-items:center;justify-content:center;flex-direction:column}section:first-of-type{padding-top:var(--nav-height)}.card{display:inline-block;max-width:200px;vertical-align:top;border:2px solid rgba(0,0,0,.5);margin:16px;padding:32px;border-radius:8px}.card__icon{opacity:.5}.card__description{font-size:.9em}.card__description,.card__title{margin:16px}nav{height:var(--nav-height);border-bottom:1px solid #ccc;box-sizing:border-box;justify-content:space-between;position:fixed;left:0;right:0;top:0;background:#fff;z-index:1}nav,nav ul{margin:0;padding:0;display:flex;align-items:center}nav ul,nav ul li{height:100%}nav ul li{list-style:none;display:flex;align-items:center;justify-content:center;margin:0 16px}.link{padding:0;position:relative;height:100%;line-height:var(--nav-height);border:0;opacity:.8;font-weight:700}.link,.link--home{vertical-align:middle}.link--home{opacity:1;display:flex;align-items:center;justify-content:center}.link .icon{height:100%!important}.link:after{content:"";height:2px;background:#2e2e2e;width:0;position:absolute;bottom:0;left:0;display:block;border-radius:4px}.link--active,.link--main{opacity:1}.link--main{display:flex;align-items:center;justify-content:center}.link--main:after{display:none}.link--active:after{width:100%}.footer__icon{margin:4px;vertical-align:baseline}.landing{margin-top:var(--nav-height);text-align:center;min-height:350px;height:calc(100vh - var(--nav-height));padding:0!important}.landing,.landing__content{display:flex;flex-direction:column;align-self:center;align-items:center;align-content:center;justify-content:center}.landing__content{max-width:500px;padding:1rem}.landing__quote{padding:1rem;margin:1rem;border-radius:.2rem;max-width:400px}.url-input{display:flex;align-items:center;align-content:center;justify-content:space-between;height:100%;padding:0;margin:1.2rem 0}.code-block,.url-input{border:.2rem solid #2e2e2e;border-radius:.64rem;width:100%;box-sizing:border-box}.code-block{padding:1rem;text-align:left;white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:.96em}.input{border:0;margin:.48rem;height:auto;flex:1 0 0;outline:0;box-shadow:none;padding:.2rem}.tag{border-radius:.2rem;padding:.4rem .8rem;background:#ddd;font-weight:700;display:inline-block;margin:.2rem}.landing__message{margin:.8rem 0;font-size:1.2rem}.landing__message p{margin:0}.villain{border:0!important;width:100%;height:100%}.button{font-weight:700;padding:.4rem 1rem;border:.2rem solid #2e2e2e;border-radius:24px;cursor:pointer;margin:.4rem 0;font-size:1em;font-family:inherit;background:#2e2e2e;color:#fff}.button--primary{margin-right:.8rem}.button--icon{border:0;margin:.24rem;display:flex;align-items:center;justify-content:center;padding:.1rem}.button--secondary{color:#2e2e2e;background-color:transparent;margin-left:.8rem}.github-corner{position:absolute;top:40px;right:0;border:0;width:80px;height:80px;display:block;padding:0;z-index:1}.github-corner svg{fill:#2e2e2e;color:#fff;width:100%;height:100%}.github-corner .octo-arm{transform-origin:130px 106px}.logo{max-width:200px;margin:0 0 16px}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}@media screen and (max-height:480px){body{font-size:.9rem}.logo{width:164px}.landing__message,.url-input{font-size:1rem;margin:.64rem 0}.button{padding:.2rem .8rem}.button--icon{padding:0}}.header-logo{height:44%;margin:0;padding:0}