@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url("../Fonts/roboto-v32-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url("../Fonts/roboto-v32-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Satisfy";font-style:normal;font-weight:400;src:url("../Fonts/satisfy-v21-latin-regular.woff2") format("woff2")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url("../Fonts/fa-solid-900.woff2") format("woff2")}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url("../Fonts/fa-brands-400.woff2") format("woff2")}body{margin:0;padding:25px;font-family:Roboto,Arial,sans-serif;font-size:15pt;line-height:1.5;color:#333}a{color:#f90}@media(max-width: 767px){body{font-size:14pt}}@media(max-width: 450px){body{padding:0}}header#title{position:relative;z-index:2;display:flex;width:100%;max-width:900px;margin:0 auto}header#title h1{order:2;margin:0;padding:0;font-size:2rem;line-height:4rem;width:400px;max-width:100%;font-family:Satisfy,sans-serif}header#title h1 a{display:block;padding:0 1rem;background-color:#f90;color:#fff;text-decoration:none}header#title nav.menu{order:1;width:4rem;height:4rem;white-space:nowrap;background-color:#333;color:#fff}header#title nav.menu input{position:relative;opacity:0;width:4rem;height:4rem;z-index:2;margin:0;padding:0;border:none;cursor:pointer}header#title nav.menu:before,header#title nav.menu:after{content:"";position:absolute;top:1.35rem;left:.75rem;width:2.5rem;height:.3rem;background-color:#fff;transition:top .3s ease .3s,transform .3s 0s}header#title nav.menu:after{top:2.35rem}header#title nav.menu:has(input:checked):before,header#title nav.menu:has(input:checked):after{top:1.85rem;transform:rotate(45deg);transition:top .3s ease 0s,transform .3s .3s}header#title nav.menu:has(input:checked):after{transform:rotate(-45deg)}header#title nav.menu aside{display:none;position:absolute;top:4rem;left:0;right:0;background-color:#333;margin:0;padding:2rem;white-space:initial;font-size:1rem;flex-wrap:wrap}header#title nav.menu aside section{width:100%;border-bottom:2px solid #fff;margin:0 0 1rem 0;padding:0 0 1rem 0}header#title nav.menu aside section h2{font-size:125%;margin:0 0 .5rem 0;padding:0}header#title nav.menu aside section.about img{width:150px;height:150px;border:3px solid #fff;float:right;margin:0 0 .5rem 1rem}header#title nav.menu aside section.links ul{margin:0;padding:0;list-style:none}header#title nav.menu aside section.links ul li{display:inline-block;width:3rem;height:3rem;overflow:hidden}header#title nav.menu aside section.links ul li a:before{display:inline-block;content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:2rem;width:3rem;height:3rem;color:#fff;text-align:center}header#title nav.menu aside section.links ul li a:hover:before{color:#f90}header#title nav.menu aside section.links ul li.github a:before{content:"";font-family:"Font Awesome 6 Brands";font-weight:400}header#title nav.menu aside section.links ul li.mastodon a:before{content:"";font-family:"Font Awesome 6 Brands";font-weight:400}header#title nav.menu aside section.links ul li.bluesky a:before{content:"";font-family:"Font Awesome 6 Brands";font-weight:400}header#title nav.menu aside section.links ul li.linkedin a:before{content:"";font-family:"Font Awesome 6 Brands";font-weight:400}header#title nav.menu aside section.links ul li.buymeacoffee a:before{content:""}header#title nav.menu input:checked+aside{display:flex}section#content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:4rem 0 0 0}section#content article{margin:0 0 3rem 0}section#content article:after{content:"";display:block;height:.1rem;width:100%;max-width:400px;background-color:#333;margin:3rem auto 0 auto}section#content article time{display:block;font-size:.75rem;text-transform:uppercase}section#content article header{display:block}section#content article header h2{margin:0 0 1rem 0;padding:0;font-size:4rem;line-height:1.1em}section#content article header h2 a{color:#333;text-decoration:none}section#content article aside.categories{margin:0 0 1rem 0;font-size:.75rem;text-transform:uppercase}section#content article aside.categories ul{margin:0;padding:0;list-style:none}section#content article aside.categories ul li{display:inline-block;margin:0 0 0 .5rem}section#content article aside.categories ul li:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin:0 .25rem 0 0}section#content article figure{margin:0 0 1rem 0;padding:0}section#content article div.description p{margin:0 0 .5rem 0;padding:0}section#content article div.back a,section#content article div.more a{display:inline-block;border:1px solid #333;font-size:1rem;text-decoration:none;margin:1rem 0 0 0;padding:.25rem 1rem}section#content article div.back a:hover,section#content article div.back a:focus,section#content article div.more a:hover,section#content article div.more a:focus{border:1px solid #f90}section#content ul.pagination{margin:0 0 3rem 0;padding:0;list-style:none;font-size:1rem}section#content ul.pagination li{display:inline-block}section#content ul.pagination li span,section#content ul.pagination li a{display:inline-block;padding:.25rem 1rem;border:1px solid #333;text-decoration:none}section#content ul.pagination li a:hover{border:1px solid #f90}section#content ul.pagination li.first span,section#content ul.pagination li.previous span,section#content ul.pagination li.next span,section#content ul.pagination li.last span{opacity:.3}section#content ul.pagination li.first span:before,section#content ul.pagination li.first a:before{content:"«";margin:0 5px 0 0}section#content ul.pagination li.previous span:before,section#content ul.pagination li.previous a:before{content:"‹";margin:0 5px 0 0}section#content ul.pagination li.next span:after,section#content ul.pagination li.next a:after{content:"›";margin:0 0 0 5px}section#content ul.pagination li.last span:after,section#content ul.pagination li.last a:after{content:"»";margin:0 0 0 5px}section#content table{display:block;width:100%;width:max-content;max-width:100%;overflow:auto;font-size:1rem;border-collapse:collapse}section#content table tr{border-top:1px solid #ddd}section#content table tr:nth-child(2n){background-color:#f9f9f9}section#content table tr td,section#content table tr th{padding:5px 15px;border:1px solid #ddd}section#content pre,section#content code{font-family:monospace;font-size:1rem;padding:.25rem .5rem;margin:0;white-space:break-spaces;background-color:rgba(136,136,136,.1215686275);border-radius:5px}section#content pre{max-width:100%;overflow:auto;margin:0 0 .5rem 0}section#content pre code{display:block;padding:0;white-space:pre;background-color:rgba(0,0,0,0);border-radius:0}section#content img{max-width:100%;height:auto}@media(max-width: 767px){section#content article header h2{font-size:2rem}}@media(max-width: 450px){section#content{padding:15px}section#content article header h2{font-size:1.5rem}}footer{background-color:#eee;margin:0 -25px -25px -25px;padding:25px;text-align:center}@media(max-width: 450px){footer{margin:0}}