* { box-sizing: border-box; font-family: monospace }
.flex { display: flex; align-items: center; justify-content: center; flex-flow: column nowrap }
html { min-height:100%;min-height:100% }
head { display: none }
body { margin:0;padding:0;min-height:100%;height:100%;width:100% }
body { color:#eeedec;font-family:sans-serif }
body { display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start }
body { background-color:#2e383c }
body { background-image:linear-gradient(-45deg, transparent 0, rgba(0,0,0,0.2) 3px), linear-gradient(45deg, transparent 0, rgba(0,0,0,0.2) 3px);background-size:2px 11px, 2px 19px;background-repeat:repeat;}
style, script { display: none }
p { display: block; margin: 0.5rem 0 }
strong, em, a { display: inline }
a, a:visited, a:focus, a:active { color:#00cc77 }
.pic { border:1px solid #002244;border-radius:4px;max-width:100% }
#catalog, #content { max-height: 100%; flex-grow: 1; max-width: 100% }
hr { border: 0.5px dotted #000; width: 100% }
#catalog { margin:1rem;padding:1rem;justify-content:flex-start }
#catalog { font-size:1rem;color:#ced;text-shadow:-2px -2px 2px black, 0 0 5px rgba(234,244,255,0.5) }
.panel { background:#2e383c;box-shadow:0.5px 0.5px 3px rgb(16,16,16); border-radius: 0.66rem;border-top:1px solid rgba(255,255,255,0.1);border-left:1px solid rgba(255,255,255,0.2) }
article.panel { padding: 1rem; font-size: 1.5rem }
h2 { font-size: 2rem; margin: 0 0 0.5rem 0 }
#codeberg-release { margin: 0 }
@media screen and (min-width: 1280px) {
  html { align-items: flex-start }
  body, html { height: 100% }
  #catalog, #content { max-height: 100%; flex-grow: 0; }
}