*,
html {
  margin: 0;
  padding: 0;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}

body {
  margin: 0;
  background-color: #030811;
  background-image: url(data:image/png;base64,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);
}

header {
  text-align: center;
  background-color: #030811;
  height: auto;
  width: 100%;
  padding: 3vw;
}

header img {
width: 120px;
 
}

header h1 {
  color: white;
  font-size: clamp(2.1773rem, 1.3792rem + 3.9904vw, 4.4718rem);
  padding: 0 2rem;
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media (max-width: 435px) {
  .header {
    flex-direction: column;
  }
  .header img {
    width: 100px;
  }
.content-flex {
  flex-direction: column;
}
}
@media (max-width: 535px) {
.content-flex {
  flex-direction: column;
}
}


h2 {
  color: white;
  font-size: clamp(1.8144rem, 1.2787rem + 2.6787vw, 3.3547rem);
  margin: 1rem 0;
}
h3 {
  color: white;
  font-size: clamp(1.512rem, 1.1626rem + 1.7472vw, 2.5166rem);
  margin: 1rem 0;
}
article > div {
  width: 100%;
  margin-bottom: 4rem;
}


article .pic {
  max-width: 50%;
  height: auto;
  margin: 1rem 25%;
}
@media only screen and (max-width: 550px) {
  article .pic {
    max-width: 80%;
    height: auto;
    margin: 1rem 10%;
  }
}
p.m-b1 {
  margin-bottom: 1rem;
}
.content {
  max-width: 115ch;
  margin: 0 auto;
  color: darkgray;
  padding: 3vh 3vw;
}

.content p {
  font-size: clamp(1.05rem, 0.9226rem + 0.6371vw, 1.4163rem);
  letter-spacing: 0.005rem ;
}
/* Hack to force space to T. */
.content p span {
  letter-spacing: 0.025rem ;
}
.table_component {
  overflow: auto;
  width: 100%;
}

.table_component table {
  border: 1px solid darkgray;
  height: 100%;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 1px;
  font-size: clamp(1.05rem, 0.9226rem + 0.6371vw, 1.4163rem);
}
.table_component td,
.table_component th {
  padding: 5px;
  text-align: center;
}

.table_component .noalign {
  text-align: left;
}
.content-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-flex img {
  max-width: 100px;
  height: auto;
  padding: 2rem;
}
footer {
  background-color: #030811;
  height: 100%;
}
footer div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 8rem;
}
footer p {
  font-size: clamp(0.875rem, 0.8098rem + 0.3261vw, 1.0625rem);
  color: darkgray;
  margin: 1rem;
}