:root{--font__base: "Roboto Slab", serif;--font__headings: "Ruda", sans-serif;--font__base: 2rem;--font__base--small: 1.5rem;--sp-sides: 4%;--b-radius: .4rem;--color__hue: 100;--color__sat: 50%;--color__lum: 50%;--color__bg: hsl( var(--color__hue), var(--color__sat), var(--color__lum) );--color__fg: hsl( var(--color__hue), var(--color__sat), 70% );--color__txt: hsl( var(--color__hue), var(--color__sat), 10% )}@media (min-width: 768px){:root{--font__base: 2.4rem}}html{box-sizing:border-box;font-size:62.5%}*,*:before,*:after{box-sizing:inherit}body,blockquote,figure,form,h1,h2,h3,h4,h5,h6,ol,ul,p,pre{margin:0}body{font-size:1.6rem}img{max-width:100%}ul{padding-left:0;list-style:none}button{border:0;background:unset;color:currentColor;cursor:pointer}main,main footer{display:flex;align-items:center;justify-content:space-between;gap:1em;width:100%}html{height:100%}body{font-family:var(--font__base);font-size:var(--font__base)}a{color:var(--color__txt);border-bottom:1px solid var(--color__txt);text-decoration:none}@media (hover: hover) and (pointer: fine){a:hover,a:focus{transform:scale(1.1)}}button{padding:.4em .8em;border:1px solid currentColor;border-radius:var(--b-radius);display:flex;justify-content:center;align-items:center;gap:.2em;font-weight:700}button:hover,button:focus,button:active{background:var(--color__txt);color:var(--color__bg)}button .icon svg{fill:currentColor}main{flex-wrap:wrap;min-height:100vh;justify-content:center;align-items:flex-end;background:var(--color__bg);color:var(--color__txt);transition:1s background}main footer{width:100%;padding:1em;justify-content:center;align-items:center;color:hsl(var(--color__hue),var(--color__sat),5%);font-size:var(--font__base--small);font-weight:700}.github{position:absolute;top:0;right:0}.github span{width:8rem;padding-top:8rem}.github{position:absolute;top:0;border:0;right:0;text-decoration:none}.github .github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}.github .octo-arm{transform-origin:130px 106px}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 500px){.github .github-corner:hover .octo-arm{animation:none}.github .github-corner .octo-arm{animation:octocat-wave .56s ease-in-out}}.icon{position:relative;display:inline-block;vertical-align:middle;width:3rem;height:0;padding-top:3rem}.icon.smaller{width:2rem;padding-top:2rem}.icon.small{width:2.5rem;padding-top:2.5rem}.icon.big{width:5rem;padding-top:5rem}.icon.bigger{width:8rem;padding-top:8rem}.icon svg{position:absolute;top:0;left:0;width:100%;height:100%}.sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.quotebox{padding-top:8rem;width:90%;max-width:60rem;display:flex;flex-direction:column;gap:2em}.quotebox figure{position:relative;margin:0 auto;align-self:center;cursor:pointer}.quotebox blockquote{position:relative;color:var(--color__txt);font-weight:400;line-height:1;margin:0;border:2px solid #fff;border:solid 2px;border-radius:20px;padding:25px}.quotebox blockquote h1{user-select:none}.quotebox blockquote:after{content:"";position:absolute;border:2px solid var(--color__txt);border-radius:0 50px 0 0;width:60px;height:60px;bottom:-60px;left:50px;border-bottom:none;border-left:none;z-index:3}.quotebox blockquote:before{content:"";position:absolute;width:80px;border:6px solid var(--color__bg);bottom:-3px;left:50px;z-index:2;transition:1s border-color}.quotebox figcaption{position:relative;color:var(--color__txt);font-weight:600;line-height:1.2;padding-top:15px;z-index:1;margin:0 0 0 150px;padding-left:12px;opacity:.8}.quotebox figcaption:first-letter{margin-left:-12px}.quotebox figcaption cite{display:block}.controls{position:relative;display:flex;align-items:center;margin-left:auto;margin-top:2em;gap:var(--font__base--small)}.controls .tip{display:block;width:100%;position:absolute;top:100%;margin-top:.1em;font-size:var(--font__base--small);font-style:italic;font-weight:700;text-align:center}.controls>ul{display:none;position:absolute;z-index:1;padding:1em;bottom:100%;margin-bottom:.8em;right:0;gap:.4em;background:var(--color__fg);border:1px solid currentColor;border-radius:1rem}.controls>ul:after{content:"";height:2rem;width:2rem;background:var(--color__fg);transform:rotate(45deg);border:0 solid currentColor;border-width:0 1px 1px 0;border-radius:0 0 4px;position:absolute;top:86%;right:20%}.controls>ul.active{display:flex}.controls>ul a{border:0}.error{display:flex;flex-wrap:wrap;justify-content:center;padding:4em 2em;border:6px solid var(--color__txt)}.spinner{height:60vh;width:100%;display:flex;justify-content:center;align-items:center}.spinner>div{display:inline-block;width:50px;height:50px;border:3px solid rgba(195,195,195,.6);border-radius:50%;border-top-color:#636767;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}