@import url("https://fonts.googleapis.com/css2?family=Indie+Flower&family=Roboto+Slab:wght@400;600&family=Roboto:wght@300;400;500&display=swap");:root{--text:#e8eaed;--blue:#93c5fd;--bg-color:#202124;--pink:#f28b82;--green:#81c995;--yellow:#fcd56c;--alt-bg:#2c2c2c;--grey:#a5a5a5;--header-color:#fdfdfd;--purple:#cdd2fe}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Roboto,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;max-width:1000px;margin:0 auto;background-color:var(--bg-color);color:var(--text);font-weight:400;line-height:1.45;font-size:100%}p{font-size:1rem;font-family:Roboto Slab,serif,Georgia,Times New Roman,Times}.layout{margin:auto 1rem;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.bottom-footer{margin:auto 1rem 1rem}.btm-foot{margin:0 1rem 1rem}a{text-decoration:none;color:var(--blue)}footer{margin:0 1rem .5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;color:var(--grey);gap:.5rem}footer div{text-align:center}.contact-links{gap:1rem}.contact-links a{font-weight:400;color:var(--yellow)}.contact-links a:hover{color:var(--purple)}hr{opacity:70%;margin:2rem auto;display:block}.btn{border:none;background:none;color:var(--bg-color);background-color:var(--purple);padding:.75em 1.25em;border-radius:5px;font-size:.8rem;cursor:pointer;font-weight:600}.flex-col{flex-direction:column}.flex-col,.flex-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.flex-row{flex-direction:row}h1,h2,h3,h4,h5,h6{color:var(--header-color);font-weight:500;font-family:Roboto,Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}@media only screen and (max-width:768px){.showcase{flex-flow:column!important;align-items:center;justify-content:center;position:relative}.show-text{align-items:center!important;justify-content:space-between!important;width:auto!important;margin-left:0!important;position:absolute;padding:1rem;text-align:center;width:300px!important}.fn-btns{gap:.5rem!important;margin:1rem 0!important}.fn-btns a{font-size:.8rem!important}.show-img img{filter:brightness(.35)}.show-text>h1{font-size:1.8rem!important;padding:.2em 0!important}}.nav-link a{font-weight:400;font-size:1.25rem;color:var(--purple)}.nav-link a:hover{color:var(--yellow)}nav{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;padding:1em 0;margin:0 1rem;font-weight:500;position:-webkit-sticky;position:sticky;top:0;background-color:var(--bg-color);z-index:100}.nav,nav{gap:2rem}.hamburger{display:none;height:44px;width:44px}.bar{width:1.75rem;height:.15rem;margin:.25rem auto;transition:all .2s ease-in-out;background-color:var(--text)}@media only screen and (max-width:768px){nav{flex-flow:row;align-items:center;justify-content:space-between;gap:0}.nav{position:fixed;left:100%;top:3rem;width:100vw;height:100vh;text-align:center;transition:.2s;gap:0}.nav,.nav.active{flex-direction:column}.nav.active{left:0;display:flex;align-items:center;justify-content:flex-start}.nav-link{width:100vw;text-align:center}.nav-link:first-child{width:auto}.nav-link>a{display:block;width:100vw;padding:1em 0;margin:1rem}.active{background-color:var(--bg-color)}.nav .nav-link:first-child{margin-top:2.25rem}.nav-link a{font-size:2rem;width:100%;margin:0}.nav-link.name:first-child a{font-size:1rem}.hamburger{display:block;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:.25rem;margin-left:.25rem}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(.65rem) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-.65rem) rotate(-45deg)}}.nav-link a{display:inline-block;position:relative}.nav-link a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:var(--text);transform-origin:bottom right;transition:transform .25s ease-out}.nav-link a:hover:after{transform:scaleX(1);transform-origin:bottom left}article,main{margin:1rem}article ul,main ul{list-style-type:circle;padding:.25em 0;margin:0 1rem}article ul li,main ul li{padding:.25em;font-size:1rem;font-family:Roboto Slab,serif,Georgia,Times New Roman,Times}article img,main img{display:block;border-radius:5px;-o-object-fit:cover;object-fit:cover}code{color:var(--green);font-size:.8rem}article pre,main pre{border-radius:5px;background-color:var(--alt-bg);padding:1em 2em;white-space:pre-wrap}figcaption{padding:.25em 0!important;font-style:italic;font-size:.9rem!important;color:var(--grey)}blockquote{padding:1em .75em 1em 1.25em;border-left:.35rem solid var(--green);margin:.5rem 0;background-color:var(--alt-bg);border-radius:5px}.showcase{display:flex;flex-flow:row;gap:1rem}.show-text{align-items:flex-start;width:auto;margin-left:2rem}.fn-btns{gap:1rem;margin:1rem 0}.fn-btns a{font-size:.9rem}.fn-btns .btn:first-child{border:2px solid var(--text)}.fn-btns .btn:first-child:hover{background-color:var(--pink);border:2px solid var(--bg-color);transition:.5s}.fn-btns .btn:last-child{background-color:var(--bg-color);color:var(--text);border:2px solid var(--text)}.fn-btns .btn:last-child:hover{background-color:var(--green);border:2px solid var(--bg-color);color:var(--bg-color);transition:.5s}.show-text>h1{font-size:3rem;padding:.25em 0}@media only screen and (max-width:600px){a,h5,h6,li,main ul li,p{font-size:90%}.breadcrumbs span,.post-meta,footer>div:first-child{font-size:.75rem!important}article h1,main h1{font-size:1.5rem!important;padding:.25em 0!important}article h2,main h2{font-size:1.25rem!important;padding:.5em 0 .1em!important}blockquote{padding:.7em .65em .7em 1.1em;border-left:.3rem solid var(--green);margin:.25rem 0}}article h1{padding:.25em 0 .4em;font-size:2.5rem}article h2{padding:.75em 0 .3em;font-size:1.75rem}article h3{padding:.5em 0 .25em;font-size:1.25rem}article h4{padding:.25em 0 .15em;font-size:1rem}article p{padding:.25em 0 .5em;font-size:100%}@media only screen and (max-width:600px){body{font-size:90%}.layout{margin:auto .5rem}nav{margin:0 .5rem;padding:.5em 0}.bottom-footer{margin:auto .5rem .5rem}footer{margin:0 .5rem .5rem}.contact-links{gap:.75rem}}