#blog-layout{all:unset;--accent:#2337ff;--accent-dark:#000d8a;--black:15, 18, 25;--gray:96, 115, 159;--gray-light:229, 233, 240;--gray-dark:34, 41, 57;--gray-gradient:rgba(var(--gray-light), 50%), #fff;--box-shadow:0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);& body{text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));background-size:100% 600px;margin:0;padding:0;font-family:Atkinson Hyperlegible,sans-serif;font-size:20px;line-height:1.7}& main{width:960px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}& h1,& h2,& h3,& h4,& h5,& h6{color:rgb(var(--black));margin:0 0 .5rem;line-height:1.2}& h1{font-size:3.052em}& h2{font-size:2.441em}& h3{font-size:1.953em}& h4{font-size:1.563em}& h5{font-size:1.25em}& strong,& b{font-weight:700}& a,& a:hover{color:var(--accent)}& p{margin-bottom:1em}& .prose p{margin-bottom:2em}& textarea{width:100%;font-size:16px}& input{font-size:16px}& table{width:100%}& img{border-radius:8px;max-width:100%;height:auto}& blockquote{border-left:4px solid var(--accent);margin:0;padding:0 0 0 20px;font-size:1.333em}& hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (width<=720px){& body{font-size:18px}& main{padding:1em}}& footer{background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center;padding:2em 1em 6em}& .social-links{justify-content:center;gap:1em;margin-top:1em;display:flex}& .social-links a{color:rgb(var(--gray));text-decoration:none}& .social-links a:hover{color:rgb(var(--gray-dark))}& .sr-only{clip:rect(1px 1px 1px 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}& ul{flex-wrap:wrap;gap:2rem;margin:0;padding:0;list-style-type:none;display:flex}& ul li{width:calc(50% - 1rem)}& ul li *{text-decoration:none;transition:all .2s}& ul li:first-child{text-align:center;width:100%;margin-bottom:1rem}& ul li:first-child img{width:100%}& ul li:first-child .title{font-size:2.369rem}& ul li img{border-radius:12px;margin-bottom:.5rem}& ul li a{display:block}& .title{color:rgb(var(--black));font:bold;margin:0;font-weight:700;line-height:1;display:inline}& .date{color:rgb(var(--gray));font:normal;margin:0;line-height:normal;display:inline}& .description{color:rgb(var(--black));-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:720px;margin:0;display:-webkit-box;overflow:hidden}& ul li a:hover span,& ul li a:hover .date{color:rgb(var(--accent))}& ul a:hover img{box-shadow:var(--box-shadow)}& .navigation{background-color:#f2f2f2;justify-content:center;align-items:center;gap:20px;height:60px;padding:10px 20px;display:flex;box-shadow:0 2px 5px #0003}& .navigation .title{color:#000;font-size:xx-large;text-decoration:none;position:absolute;left:20px}& .navigation .title a{font-weight:700}& .navigation .mini-nav{display:hidden;visibility:hidden}& .navigation .mini-nav button{color:back;cursor:pointer;display:hidden;visibility:hidden;background-color:#f2f2f2;border:none;padding:10px 15px;font-size:larger;font-weight:500}& .navigation .mini-nav a{color:#000;padding:10px 15px;text-decoration:none;display:block}& .navigation .mini-nav-content{background-color:#e6e6e6;min-width:160px;display:none;position:absolute;box-shadow:2px 2px 5px #000c}& .navigation .mini-nav:hover .mini-nav-content{display:block}& .navigation .mini-nav:hover button{background-color:#ccc}& .navigation .avatar{color:#000;font-size:large;font-weight:500;text-decoration:none;position:absolute;top:10px;right:20px}& .navigation a{color:#000;padding:10px 15px;font-size:larger;font-weight:500;text-decoration:none}& .navigation a:hover{background-color:#e6e6e6}& .navigation .dropdown{display:inline-block}& .navigation .dropdown button{color:back;cursor:pointer;background-color:#f2f2f2;border:none;padding:10px 15px;font-size:larger;font-weight:500}& .navigation .dropdown a{color:#000;padding:10px 15px;text-decoration:none;display:block}& .navigation .dropdown-content{background-color:#e6e6e6;min-width:160px;display:none;position:absolute;box-shadow:2px 2px 5px #000c}& .navigation .dropdown:hover .dropdown-content{display:block}& .navigation .dropdown:hover button{background-color:#ccc}@media (width<=720px){& .navigation .mini-nav,& .navigation .mini-nav button{visibility:visible;display:inline-block}& .navigation .links{display:none}& .navigation .title{padding-left:0;position:absolute;left:-2rem;scale:.5}& .navigation .avatar{padding-right:-4rem;position:absolute;right:0;scale:.8}}@media (width<=400px){& .navigation{flex-direction:column;justify-content:center;height:auto;display:flex}& .navigation .title{justify-self:center;display:flex;position:relative}& .navigation .mini-nav,& .navigation .mini-nav button{display:flex;position:relative}& .navigation .avatar{justify-self:center;display:flex;position:relative}}@media (width<=720px){& ul{gap:.5em}& ul li{text-align:center;width:100%}& ul li:first-child{margin-bottom:0}& ul li:first-child .title{font-size:1.563em}& ul li:first-child .description{width:100%}}}footer[data-astro-cid-5iwiv3nz]{background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center;padding:2em 1em 6em}