@import url(https://fonts.googleapis.com/css2?family=Chivo:wght@300;700;900&family=Major+Mono+Display&display=swap);:root{--clr-bg:#f7f7f7;--clr-header-bg:#6ebedd;--clr-header-text:#2e2e2e;--clr-nav-bg:#2e2e2e;--clr-nav-bg-hover:#5c5c5c;--clr-nav-text:#f7f7f7;--clr-post-tag-bg:#2e2e2e;--clr-post-tag-bg-hover:#5c5c5c;--clr-post-tag-text:#fff;--clr-card-bg:#d6ecf5;--clr-card-border:#2e2e2e;--clr-card-border-gradient:#2781a5;--clr-card-text:#000;--clr-card-title:#6ebedd;--clr-card-title-hover:#2781a5;--clr-card-tag-bg:#6ebedd;--clr-card-tag-bg-hover:#acdaec;--clr-card-tag-text:#000;--clr-card-btn-bg:#2781a5;--clr-card-btn-bg-hover:#6ebedd;--clr-card-btn-text:#fff;--clr-footer-bg:#2e2e2e;--clr-footer-text:#f7f7f7;--bs:5px 5px 5px 0px hsla(0,0%,18%,40%)}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}main{background-color:var(--clr-bg);display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;min-height:100vh;overflow-y:visible}.dark{--clr-bg:#5c5c5c;--clr-header-bg:#2e2e2e;--clr-header-text:#6ebedd;--clr-nav-bg:#6ebedd;--clr-nav-text:#2e2e2e;--clr-card-bg:#2e2e2e;--clr-card-border:#f7f7f7;--clr-card-border-gradient:#2781a5;--clr-card-text:#f7f7f7;--clr-card-title:#2781a5;--clr-card-tag-bg:#2781a5;--clr-card-tag-text:#f7f7f7;--bs:5px 5px 5px 0px hsla(0,0%,18%,40%)}header{background-color:var(--clr-header-bg);width:100%;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}header a{text-decoration:none}header h1{color:var(--clr-header-text);font-family:Major Mono Display,monospace;font-size:1.8rem;height:7.5rem;line-height:7.5rem}nav{background-color:var(--clr-nav-bg);display:-moz-box;display:flex;justify-self:end;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;grid-gap:1.6rem;gap:1.6rem;width:100%}nav a{font-family:Chivo,sans-serif;font-size:1.2rem;height:2rem;line-height:2rem;font-weight:700;color:var(--clr-nav-text);text-decoration:none;padding:0 1rem}nav a:hover{background-color:var(--clr-nav-bg-hover)}section{padding:2rem 0;display:grid;grid-template-columns:repeat(auto-fit,20rem);grid-gap:1rem;gap:1rem;width:clamp(20rem,100%,65rem);-moz-box-pack:center;justify-content:center}article,section{font-family:Chivo,sans-serif;-moz-box-flex:1;flex-grow:1}article{padding:2rem 1rem;width:clamp(22rem,100%,50rem)}article h2{font-weight:700;font-size:1.75rem;text-align:center;margin-bottom:1rem}article p{line-height:1.4}article p,article ul{max-width:75ch;margin:0 auto 1.5rem}article ul li{margin-left:1.5rem;margin-bottom:.5rem}.not-found a,.not-found p{text-align:center}.not-found>div{display:-moz-box;display:flex;margin-bottom:1rem}.not-found>div,.tags-list{-moz-box-pack:center;justify-content:center}.tags-list{max-width:none;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,5rem);grid-auto-flow:dense;margin:0;place-items:center;grid-row-gap:.2rem;row-gap:.2rem}.tags-list li{background-color:hsl(197,62%,-webkit-calc(30% + 50% * var(--span)/4));background-color:hsl(197,62%,-moz-calc(30% + 50% * var(--span)/4));background-color:hsl(197,62%,calc(30% + 50% * var(--span) / 4));margin:0;height:-webkit-calc(5rem - .2rem);height:-moz-calc(5rem - .2rem);height:calc(5rem - .2rem);width:-webkit-calc(100% - .2rem);width:-moz-calc(100% - .2rem);width:calc(100% - .2rem);grid-column:span var(--span);font-family:Chivo,sans-serif;font-weight:700}.tags-list li:hover{background-color:hsl(197,40%,-webkit-calc(30% + 50% * var(--span)/4));background-color:hsl(197,40%,-moz-calc(30% + 50% * var(--span)/4));background-color:hsl(197,40%,calc(30% + 50% * var(--span) / 4))}.tags-list li a{display:block;height:100%;width:100%;font-size:.75rem;font-size:-webkit-calc(.75rem * var(--span));font-size:-moz-calc(.75rem * var(--span));font-size:calc(.75rem * var(--span));text-decoration:none;text-align:center;color:#000;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.tags-list li a p{margin:0}.post-tags{width:100%;list-style:none;display:-moz-box;display:flex;flex-wrap:wrap;-moz-box-pack:center;justify-content:center;align-content:flex-start;grid-column-gap:.3rem;-webkit-column-gap:.3rem;-moz-column-gap:.3rem;column-gap:.3rem;grid-row-gap:.2rem;row-gap:.2rem;padding:0 .5rem 2rem;margin:-.2rem auto auto}.post-tags li{margin:0}.post-tags li a{color:var(--clr-post-tag-text);background-color:var(--clr-post-tag-bg);display:inline-block;padding:0 .5rem;width:-moz-max-content;width:max-content;text-transform:uppercase;text-decoration:none;font-size:.75rem;font-family:Chivo,sans-serif;line-height:2;margin:0}.post-tags li a:hover{background-color:var(--clr-post-tag-bg-hover)}footer{height:5rem;display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;grid-gap:.75rem;gap:.75rem;background-color:var(--clr-footer-bg);color:var(--clr-footer-text);width:100%;font-family:Chivo,sans-serif}footer span{font-size:.9rem}footer a{text-decoration:none}@media screen and (min-width:33rem){header h1{font-size:2.25rem}nav{grid-gap:3rem;gap:3rem}nav a{font-size:1.5rem;height:2.5rem;line-height:2.5rem}section{padding:2rem 1.5rem}article{padding:2rem 1rem}.tags-list{grid-row-gap:0;row-gap:0}.tags-list li{aspect-ratio:1/1;height:-webkit-calc(100% - .2rem);height:-moz-calc(100% - .2rem);height:calc(100% - .2rem);grid-row:span var(--span)}footer span{font-size:1rem}footer svg{font-size:1.5rem!important}}