:root{--color-background:#1b1b3f;--color-foreground:#f7f5fa;--color-accent:#afb0eb;--logo:url(/images/logos/logo_light.png);--body-font:National Park;--color-drop:#464691}.lightmode{--color-background:#f7f5fa;--color-foreground:#1b1b3f;--color-accent:#5a488b;--logo:url(/images/logos/logo_dark.png);--color-drop:#9b95d4}@font-face{font-family:national park;src:url(../fonts/NationalPark-Regular.woff)}@font-face{font-family:national park;src:url(../fonts/NationalPark-Bold.woff);font-weight:700}@font-face{font-family:sunsive;src:url(../fonts/Sunsive-ExtraBold.ttf)}.container{margin:0 auto;padding:2em;width:90%;max-width:1500px}.hero-container{display:flex}.hero{width:70%}.hero-img{display:flex;justify-content:flex-end;width:30%;margin:1em auto 0}.hero-img svg{max-height:19em}.featured{display:flex;align-items:center}.arrow-svg{margin:2em 0 0 3em;width:14em;height:6em}.all{display:flex;text-align:center;width:155px;padding:.5em 1em;border-radius:2em;border:1.5px solid var(--color-foreground);text-decoration:none;transition:.3s ease}.all:hover{background-color:var(--color-foreground);color:var(--color-background)}.nav{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10px;margin-bottom:.5em;border-bottom:1px solid var(--color-foreground)}.nav ul{font-size:1.1rem;text-transform:uppercase;list-style-type:none;padding-left:0;display:flex;flex-wrap:wrap}.nav ul li{padding:0 10px}.logo{background:var(--logo)50% no-repeat;background-size:contain;width:10rem;height:5rem;text-align:center;filter:drop-shadow(0 0 40px var(--color-foreground))}.logo:hover{transition:all .2s ease-in;filter:drop-shadow(0 0 30px var(--color-foreground))}.light-mode-toggle{z-index:100;margin:-5px 0 0 10px;color:var(--color-foreground);border:2px solid;padding:4px;background:0 0;cursor:pointer;border-radius:5px;width:30px;height:30px}.footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--color-foreground);margin-top:2em}.footer ul{list-style-type:none;padding-left:0;font-size:1.2rem;display:flex;flex-wrap:wrap}.footer ul li{padding-right:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2em;margin:2em 0}.grid-item{border:1px solid var(--color-foreground);box-shadow:.4em .4em 0 var(--color-drop);padding:1em;transition:opacity .5s ease-out,visibility .5s ease-out}.card-img{max-width:100%;border:1px solid var(--color-foreground)}article{display:flex;flex-direction:column;height:100%}article p{margin:0}.readmore{padding:1em 0;align-self:flex-end;margin-top:auto}.content p{margin:1em 0}.filter-btn{padding:.5em 1em;margin:0 5px 5px 0;border-radius:2em;border:1.5px solid var(--color-foreground);background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:.3s ease}.filter-btn:hover{background-color:var(--color-foreground);color:var(--color-background)}.filter-btn.active{color:var(--color-background);background-color:var(--color-foreground)}.post-navigation{text-align:center;margin-top:1.5em;font-size:1em}.post-navigation .btn{display:inline-block;margin:0 .25em;padding:12px;border:1px solid;text-decoration:none;transition:filter .3s,color .3s,background-color .3s;background-color:var(--color-background);color:var(--color-foreground)}.post-navigation .btn:hover{background-color:var(--color-foreground);color:var(--color-background)}.stack{display:flex;flex-wrap:wrap;margin-top:1em}.right-img{margin:1em 0 1em 2em;float:right;max-width:30rem}.left-img{margin:1em 2em 1em 0;float:left;max-width:30rem}aside nav#TableOfContents{border:1px solid;box-shadow:6px 6px;margin:2em 0;padding:1.5em 0;width:35rem}aside nav#TableOfContents::before{margin:3rem 0 0 2rem;content:'Table of Contents:';font-size:1.2em;font-family:sunsive;text-decoration:underline}aside nav#TableOfContents ul{list-style:square;padding-left:3em}aside nav#TableOfContents ul li{line-height:1.8}@media(max-width:767px){aside nav#TableOfContents{width:100%}}.thumbnail{margin:2em 0 2em 2em;width:25rem;float:right;border:1px solid}.inline-svg{padding-right:.75rem}.image-gallery{grid-template-columns:repeat(5,1fr);display:grid;gap:.75em;list-style:none;padding-left:0;clear:both;overflow:auto}.image-gallery li{text-align:center}.image-gallery li a{display:block;text-decoration:none}.image-gallery li a img{width:100%;height:15rem;object-fit:cover}@media(max-width:767px){.image-gallery{grid-template-columns:repeat(3,1fr)}.image-gallery li a img{height:10vh}}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.tag-button{border:1.5px solid var(--color-foreground);background-color:var(--color-background);color:var(--color-foreground);border-radius:4px;padding:6px 12px;text-decoration:none}#bio-container{display:inline-block;margin:0 auto}#bio-pic{margin:-5vh 0 5vh;width:470px;height:100%;float:right}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-drop)}::-webkit-scrollbar-thumb{background-color:var(--color-foreground);border-radius:1ex;border:3px solid var(--color-drop)}*{scrollbar-width:auto;scrollbar-color:var(--color-background)var(--color-foreground)}form{display:flex;flex-direction:column;max-width:25em;padding:20px;color:var(--color-background);background-color:var(--color-foreground);border:1px solid var(--color-background);box-shadow:6px 6px var(--color-drop)}form .form-field{margin-bottom:2em}form .form-field label{display:block;margin-bottom:5px;font-weight:700}form .form-field input[type=text],form .form-field input[type=email],form .form-field textarea{width:100%;padding:8px;border:1px solid var(--color-background);border-radius:4px}form .form-field textarea{resize:vertical}form button{padding:10px 20px;width:8em;border:none;border-radius:4px;background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;transition:background-color .3s ease}form button:hover{background-color:var(--color-drop)}@media(max-width:767px){h1{text-align:center}.hero{margin:1rem 0;width:100%}.hero h2{text-align:center}.hero-container,.featured{flex-direction:column}.all{margin:0 auto}.hero-img{justify-content:center;width:100%;margin-top:-1em}.arrow-svg{margin:2em auto 0}.container{padding:1rem}.nav{flex-direction:column;align-items:center;margin-top:.5em}.nav ul li{padding:0 5px}.light-mode-toggle{position:absolute;top:20px;right:15px;font-size:18px}.grid{display:block}.grid>*{padding:1rem;margin-bottom:2rem}#bio-container{display:flex;flex-direction:column;justify-content:center}#bio-pic{align-self:center;width:clamp(20em,calc(20rem + ((1vw - .48em) * 6.9444)),25em);margin:1rem 0}.work{text-align:center}.thumbnail,.right-img,.left-img{display:block;float:none;max-width:100%;margin:1em auto}}@media only screen and (min-width:768px) and (max-width:1281px){#bio-pic{margin:-6vh 0 1vh}}*{box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-foreground);font-family:national park;transition:.5s ease-in}p{line-height:1.8;font-size:clamp(.9rem,calc(.9rem + ((1vw - .48rem) * .2083)),1rem);min-height:0}p::selection{background:var(--color-accent);color:var(--color-background)}a{color:var(--color-accent);text-decoration:var(--color-foreground)wavy underline;text-underline-offset:5px}a::selection{background:var(--color-accent);color:var(--color-background)}a:hover{text-shadow:0 0 15px var(--color-accent)}em::selection{background:var(--color-accent);color:var(--color-background)}h1{font-size:calc(clamp(2.2rem,1.45rem + 2.4vw,2.8rem));min-height:0}h2{font-size:clamp(1.8rem,calc(1.8rem + ((1vw - .48rem) * .5556)),2.2rem);min-height:0}h1,h2,h3,h4{font-family:sunsive;margin-bottom:0}h1::selection,h2::selection,h3::selection,h4::selection{background:var(--color-accent);color:var(--color-background)}.page-title{text-transform:uppercase}.responsive-img{max-width:100%;height:auto}#back-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--color-background);border:1px solid var(--color-foreground);color:var(--color-foreground);border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;transition:background-color .3s,transform .3s;z-index:9999;opacity:0;transition:opacity .3s ease}#back-to-top:hover{background-color:var(--color-foreground);color:var(--color-background);border:1px solid var(--color-background)}