@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@100;400;700&family=Nunito+Sans:wght@900&display=swap");*{box-sizing:border-box;padding:0;margin:0}:root{--main-dark-blue:#00142c;--main-light-blue:#61cdff;--main-cyan-green:#00ffd2;--main-vivid-green:#1fdc00;--main-pale-grey:#eee;--body-text-accented:#000;--body-text-muted:rgba(0,0,0,.5);--logo-mid-blue:#61cdff;--logo-pale-blue:#c7edff}body,html{max-width:100vw;font-family:Roboto,Arial,Helvetica,sans-serif;color:#191919;background-color:rgba(51,65,85,.03)}code{font-family:Roboto Mono,monospace}.banner-bg{position:absolute;height:80px;width:100vw;background-color:var(--main-dark-blue);z-index:-1}.container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;margin:0 auto}.container header{display:flex;justify-content:center;align-items:center;height:80px;width:100%}.container footer{padding:1rem .5rem;width:100%;height:80px;text-align:center}.container footer p{margin:.5rem 0;color:var(--body-text-muted)}.container>article,.container>main{min-height:calc(100vh - 180px)}@media screen and (min-width:640px){.banner-bg,.container header{height:100px}.container footer{padding-left:2rem;padding-right:2rem}.container footer .info{display:flex;flex-direction:row;justify-content:space-between}.container main{padding:2rem}.post-list{display:flex;justify-content:space-evenly;gap:1rem;flex-wrap:wrap}}@media screen and (min-width:1024px){.container{padding:0 2rem}.container header{padding:0;justify-content:space-between}.container footer,.container main{padding-left:0;padding-right:0}.post-list{justify-content:space-between;gap:2rem}}@media screen and (min-width:1280px){.container{max-width:1248px}}.nav-container{width:100%;position:absolute}.main-nav{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:2rem;right:0;padding:0 1rem;background-color:var(--main-dark-blue)}.default{display:none}.main-nav a{color:var(--main-light-blue);font-size:1.2rem;font-weight:400;text-transform:uppercase;text-decoration:none;padding:.5rem 0}.hamburger{position:absolute;right:.5rem;top:-1rem}@media screen and (min-width:1024px){.nav-container{justify-content:flex-end;align-items:center}.main-nav,.nav-container{position:static;display:flex}.main-nav{flex-direction:row;padding:0}.main-nav a{padding:1rem}.main-nav a:hover{color:var(--main-vivid-green)}.default{display:flex}.hamburger{display:none}}.social-icons-section{margin:.5rem 0}.social-icons-section a{padding:.5rem;color:var(--main-dark-blue)}.social-icons-section a:hover{background-color:var(--main-pale-grey);outline:1px solid var(--main-cyan-green)}@media screen and (min-width:1024px){.social-icons-section{margin:1rem 0}}.logo{background:linear-gradient(180deg,#f4fff7 0,#dff7e8 40%,#b7eacb 70%,#8fd8b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-decoration:none;text-transform:uppercase;font-size:2rem;letter-spacing:-1.4px;display:flex;align-items:center;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.25),0 1px 0 hsla(0,0%,100%,.3)}.logo,.logo-dev{font-family:Nunito Sans;font-weight:900}.logo-dev{font-size:1rem;background:var(--main-vivid-green);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.05em;position:absolute;bottom:-.4rem;right:0;display:inline-block;line-height:1;text-shadow:2px 2px 6px rgba(0,0,0,.6);transform:rotate(-8deg)}@media screen and (min-width:640px){.logo{font-size:3.8rem;letter-spacing:-2px}.logo-dev{font-size:2.5rem;bottom:-.7rem;right:-1rem}}