body{background-color:#222;color:white;font-family:"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica","Arial","Helvetica Neue",sans-serif;max-width:1024px;margin:auto;padding:1.3rem}header{margin-bottom:2rem;text-align:center}#logo{display:block;margin:auto;max-width:80vw;max-height:160px}nav{margin-top:1rem;display:inline-flex;flex-wrap:wrap;gap:1.3em;justify-content:center}nav span,nav a,nav a:visited,nav a:active,nav a:hover{color:#ffb300}a,a:visited,a:active{color:white}a:hover{color:#ff9}footer{margin-top:2rem}.icon{display:inline-block;width:1.3em;aspect-ratio:1;vertical-align:middle}.mask{background-color:currentColor}.icon svg{fill:currentcolor;width:100%;aspect-ratio:1;vertical-align:middle}.button{outline:none;box-sizing:border-box;margin:0;padding:calc(.25em - 1px) 0.5em;font-family:inherit;font-size:1em;border:1px solid #ffb300;border-radius:2px;display:inline-flex;gap:4px;align-items:center;width:auto;cursor:pointer;text-decoration:none;text-align:center;vertical-align:middle;background:rgba(0,0,0,0.3)}.button:focus{border:1px solid white}.button:not([visited]):hover{border:1px solid #ffb300}.button:visited:hover{border:1px solid #ffb300}.button:active{background-color:#fba200}.title{margin:0.3em 0}.blog-list{list-style:none;padding:0}.blog-entry{margin-bottom:20px}.blog-entry h2,.blog-entry p,.blog-entry small{margin:0.3em 0px}.blog-entry a{color:#ffb300}.blog-entry time{font-weight:bold}main img{max-width:100%;height:auto}