html {
 height: 100vh;
 width: 100vw;
 background-size: cover;
 background-position: center;
 background: radial-gradient(ellipse 60% 900px at center 800px,
  #006860 0%,#002345 100%);
}
body {
 padding-bottom: 20px;
}
body > img {
 width: min(50vw,250px);
 display: block;
 margin: 0 auto;
}
.header {
 display: flex;
 width: 100%;
 color: white;
}
.header > img {
 max-width: min(10vw, 100px);
}
.hcontent {
 flex: 0 0 1;
 max-width: fit-content;
}
.hbold {
 font-size: xx-large;
 font-weight: bold;
 color: LightBlue;
}
.hfiller {
 flex: 1 1 0;
}
a:link {
 color: pink;
}
a:visited, pre {
 color: LightBlue;
}
h1, h2, h3, h4 {
 color: white;
 text-align: center;
}
body > figure {
 width: min(50vw,250px);
 display: block;
 margin: 0 auto;
}
.main {
 width: min(80vw,700px);
 background: #002345;
 border-radius: 24px;
 margin: auto;
 padding-left: 14px;
 padding-right: 14px;
 padding-top: 8px;
 padding-bottom: 8px;
}
p {
 color: white;
}
pre {
 padding-left: 10px;
}