:root{--background-color:#f0f8f0;--primary-color:#f07167;--secondary-color:#253237;--tertiary-color:#cae4f3;--neon-color:#67e6f0}html,body{min-height:100dvh;background-color:var(--background-color);font-family:sans-serif}body{display:flex;flex-direction:column}header{color:var(--primary-color);background-color:var(--secondary-color);padding:1rem;margin-bottom:.5rem;border-bottom-left-radius:clamp(20px,5vw,50px);border-bottom-right-radius:clamp(20px,5vw,50px)}header hgroup{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}header h1{font-size:clamp(1.8rem,5vw,3rem);display:inline-block;border-right:5px solid;padding-right:1rem}header small{font-weight:700;font-size:1rem}header blockquote{text-align:center;font-style:italic}header nav ul{margin:0 auto;padding:0;width:fit-content}header nav ul li{font-size:clamp(1rem,3vw,1.3rem);display:inline-block}header nav ul li+li::before{content:"-";margin-right:.5rem}header nav ul li a{padding:.2rem;border:1px solid var(--primary-color);text-decoration:unset;color:inherit}header nav ul li a:hover{border-color:#fff;color:#fff}main{flex:1;max-width:130ch;width:100%;margin:0 auto 1rem}main img{display:block;margin:0 auto;max-width:100%;max-height:60vh;object-fit:contain}main code{font-size:inherit}main pre{overflow-x:auto;white-space:pre}h1.blog-list-title{text-align:center;letter-spacing:5px;color:var(--primary-color);border-top:5px solid;border-bottom:5px solid}ul.blog-listing{display:block;list-style:none;background-color:var(--secondary-color);font-size:120%}ul.blog-listing a{display:block;width:100%;color:var(--neon-color);border:1px solid}ul.blog-listing a:hover{color:#fff;border-style:dashed}section.index-navigation{color:var(--primary-color);background-color:var(--secondary-color);border-top-left-radius:clamp(20px,5vw,50px);border-top-right-radius:clamp(20px,5vw,50px);display:flex;flex-wrap:wrap;justify-content:space-around;gap:clamp(1rem,3vw,3rem);padding-top:2rem;padding-bottom:1rem;padding-left:clamp(1rem,3vw,3rem);padding-right:clamp(1rem,3vw,3rem)}section.index-navigation>h1{text-align:center;align-content:center;border-top:10px solid var(--primary-color);border-bottom:10px solid var(--primary-color)}section.index-navigation div{flex:1 1 250px;color:#000;padding:0 1rem 1rem;background-color:var(--tertiary-color);border-radius:10px}section.index-navigation div a{border:1px solid var(--primary-color);border-radius:10px;text-decoration:none;color:var(--primary-color);background-color:var(--secondary-color);padding:.5rem;display:inline-block}section.index-navigation div a:hover{border-color:#fff;color:#fff}footer{color:var(--primary-color);background-color:var(--secondary-color);padding:1rem}footer small{display:block;text-align:center}