@font-face{font-display:swap;font-family:open sans;font-style:normal;font-weight:400;src:url(/fonts/open-sans-v36-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:space mono;font-style:normal;font-weight:400;src:url(/fonts/space-mono-v13-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:space mono;font-style:italic;font-weight:400;src:url(/fonts/space-mono-v13-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:space mono;font-style:normal;font-weight:700;src:url(/fonts/space-mono-v13-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:space mono;font-style:italic;font-weight:700;src:url(/fonts/space-mono-v13-latin-700italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:pixelify sans;font-style:normal;font-weight:700;src:url(../fonts/pixelify-sans-v1-latin-700.woff2)format("woff2")}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}html{font-size:62.5%}body{max-width:768px;margin:auto;padding:1rem;padding-bottom:4rem;font-family:space mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.2rem;line-height:1.2;background-color:#ebeaea45;color:#292929}body main{animation:fadeInAnimation ease .4s}body main h2{padding-block:1rem}body main a.back-link{font-size:1.8rem;padding:2rem}body li{padding-block:.3rem}body header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-block:1rem}body header .hero-image-container{padding-top:4rem;padding-bottom:2rem}body header .title-socials-container{display:flex;justify-content:space-between;align-items:end;width:100%}body header .title-socials-container .site-title h1{margin-block:.2rem}body header .title-socials-container .social-div{display:flex;justify-content:flex-end;align-items:end}body header .title-socials-container .social-div .social-list{display:flex;list-style:none;margin-block:auto}body header .title-socials-container .social-div .social-list svg{margin-inline:.6rem;width:22px;height:22px;opacity:60%;transition:opacity .5s ease}body header .title-socials-container .social-div .social-list svg:hover{opacity:100%}body ul.list-layout-list{display:flex;flex-direction:column;align-items:center;list-style:none;padding:2rem}body ul.list-layout-list li{animation:fadeInAnimation ease 1s;background:rgba(223,221,221,.270588);color:#292929;margin-bottom:1.2rem;padding:1rem;border-radius:.4rem;border:1px solid #292929;min-width:24rem;display:flex;justify-content:center;align-items:center}body ul.list-layout-list li:hover{background:linear-gradient(145deg,#ebeaea45,rgba(245,244,244,.270588));box-shadow:0 6px 12px rgba(0,0,0,.2);transform:translateY(-2px);transition:transform .3s ease;text-decoration-line:underline;text-decoration-thickness:.15rem;text-decoration-style:wavy;text-decoration-color:#dd1a44}body ul.list-layout-list li a{color:#292929;display:flex;align-items:center;justify-content:center;width:100%}body ul.list-layout-list li i{margin-right:1rem;color:#dd1a44}body .center-items{display:flex;justify-content:center;align-items:center}.highlight{margin:.2rem}.highlight pre{padding:0 .8rem;white-space:break-spaces;word-break:break-all;border-radius:.4rem;font-size:1.4rem}#quote-container{padding-top:1.2rem;display:flex;flex-direction:column;justify-content:flex-start;transition:opacity 1s ease-in-out}#quote-container blockquote{position:relative;margin:.8rem;min-height:12rem;opacity:1}#quote-container blockquote svg{position:absolute;left:-1rem;top:-2rem;width:38px;height:38px;z-index:5;color:#555;opacity:50%}#quote-container blockquote div{position:relative;z-index:10;font-size:1.4rem}#quote-container footer{margin-top:1.2rem;font-size:1.6rem;font-weight:700}#quote-container.htmx-swapping{opacity:0;transition:opacity 1s ease}#quote-container.htmx-added{opacity:0}.next-quote-action{display:inline-flex;align-items:center;gap:4px;cursor:pointer;font-size:1.2rem;padding:.2rem;border-bottom:1px solid transparent;transition:all .3s ease}.next-quote-action .ornament{font-style:normal;font-size:1.8rem;transition:transform .4s ease}.next-quote-action:hover{opacity:.7;border-bottom-color:initial}.next-quote-action:hover .ornament{transform:rotate(15deg)translateX(3px)}.next-quote-action:focus,.next-quote-action:active{outline:none}@media(prefers-color-scheme:dark){.next-quote-action .ornament{color:#ff1f50}}@media(prefers-color-scheme:light){.next-quote-action .ornament{color:#dd1a44}}div.four-oh-four{display:flex;margin:auto;width:50%;padding:4rem 2rem;align-items:center;flex-direction:column}div.four-oh-four p{padding:1rem}div.four-oh-four h1{font-family:pixelify sans,sans-serif;font-style:normal;font-weight:700;font-size:10rem}button{background-color:rgba(210,208,208,.270588);border:1px solid rgba(198,195,195,.270588);box-shadow:0 0 3px rgba(223,221,221,.270588);padding:1rem 2rem;border-radius:.8rem;cursor:pointer;font-size:12px;-webkit-tap-highlight-color:transparent}button:hover{color:#292929;background-color:rgba(198,195,195,.270588);box-shadow:0 0 5px rgba(160,156,156,.270588);text-decoration-line:underline;text-decoration-thickness:.15rem;text-decoration-style:wavy;text-decoration-color:#dd1a44}h1,h2,h3,h4,h5,h6{font-family:open sans,sans-serif;margin:3.5rem 0 .6rem}h1{font-size:3.2rem}h2{font-size:2.3rem}h3{font-size:1.6rem}p,ul,ol{font-size:1.7rem}a{text-decoration:none;transition:color .3s ease;color:#dd1a44;-webkit-tap-highlight-color:transparent}a:hover{color:#fef8f9}a:visited{color:#820f28}a:visited:hover{color:#292929}a.unchanging-link{transition:color .3s ease;color:#dd1a44}a.unchanging-link:hover{color:#fef8f9}a.unchanging-link:visited{color:#dd1a44}a.unchanging-link:visited:hover{color:#292929}a:visited:hover{color:#292929}.blog-list-wrap{min-height:44rem;position:relative}.blog-list-wrap .blog-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;padding:0;margin:0}.blog-card{width:calc(45% - 20px);height:18rem;margin:.7rem;border:2px solid #dd1a44;border-radius:8px;background-color:rgba(223,221,221,.270588);cursor:pointer;position:relative;filter:drop-shadow(5px 6px 0 rgba(215,213,213,.270588));transition:all .3s ease-out;animation:fadeInAnimation ease 1s}.blog-card:hover{transform:translateY(-3px);filter:drop-shadow(5px 8px 0 rgba(215,213,213,.270588))}.blog-card .blog-card-link{color:inherit}.blog-card .blog-card-link:hover{color:inherit}.blog-card .blog-card-content{height:18rem;margin:.5rem;padding:.2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.blog-card .blog-card-content h2{padding:0;font-size:1.6rem;text-align:center;margin:.5rem}.blog-card .blog-card-content small{font-size:1rem;text-align:center;margin-bottom:.4rem}.blog-card .blog-card-content img{display:block;width:60px;height:60px;margin-bottom:.4rem;border-radius:4rem}.blog-card .blog-card-content p{margin:0;font-size:1.2rem;text-align:center;margin:.5rem}.pagination-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem}.pagination-nav a{padding:1rem}.pagination-nav .pagination-action-wrapper{width:50%;text-align:center}.pagination-nav .pagination-action-wrapper:empty{display:block;height:30px}.pagination-nav .pagination-count{white-space:nowrap;text-overflow:ellipsis}.pagination-nav .pagination-count small{font-size:1rem}div.no-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.blog-container{display:flex;flex-direction:column;justify-content:flex-start}.blog-container>img,.blog-container>small{align-self:center;display:block;margin-bottom:.2rem}.blog-container h1,.blog-container h2{margin-top:2rem;border-bottom:.15rem solid #dd1a44}.blog-container div#tags{align-self:center}.blog-container hr{width:100%}.blog-container img{margin:1rem;max-width:98%}.blog-container p{margin-block:1rem}.blog-container div{max-width:98%}.blog-container code{background-color:#272822;padding:.15rem .2rem;margin:0;font-size:85%;border-radius:.4rem}@media(max-width:768px){p,ol,ul{font-size:1.3rem}ul.list-layout-list{font-size:1.6rem}h1{font-size:2.8rem}h2{font-size:2rem}img.hero-image{height:96px}.blog-list-wrap{min-height:16rem}.blog-card{width:100%}.blog-card .blog-card-content{padding:.4rem}pre{font-size:.8rem}}@media(prefers-color-scheme:dark){body{background-color:#19191a;color:#ddd}.social-link svg{filter:invert(100%)}a.unchanging-link{color:#ff1f50}a.unchanging-link:hover{color:#fff}a.unchanging-link:visited{color:#ff1f50}a.unchanging-link:visited:hover{color:#ddd}a:visited:hover{color:#ddd}.pagination-nav a{color:#ff1f50}.pagination-nav a:hover{color:#fff}.pagination-nav a:visited{color:#ff1f50}.pagination-nav a:visited:hover{color:#ddd}button{color:#ddd;background-color:#323234;border:1px solid #3f3f41;box-shadow:0 0 3px #262627}button:hover{color:#ddd;background-color:#262627;box-shadow:0 0 5px black;text-decoration-line:underline;text-decoration-thickness:.15rem;text-decoration-style:wavy;text-decoration-color:#dd1a44}.blog-card{border:2px solid #ff1f50;background:#262627;filter:drop-shadow(5px 6px 0 #2d2d2f)}.blog-card:hover{filter:drop-shadow(5px 8px 0 #2d2d2f)}.blog-container h1,.blog-container h2{border-bottom:.15rem solid #ff1f50}main ul.list-layout-list li{background:#262627;border:1px solid #ddd}main ul.list-layout-list li:hover{background:linear-gradient(145deg,#19191a,#0f0f10);text-decoration-color:#dd1a44}main ul.list-layout-list li a{color:#ddd}main ul.list-layout-list li i{color:#ff1f50}}