@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&display=swap');

img {
  max-width: 100%;
}

html {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  background-attachment: fixed;
  color: #ffffff;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(img/arctica.png);
  font-size: 20pt;
  font-family: "alegreya sans","arial";
  height: 90%;
}
h1 {
  font-size: 32pt;
}

.multirow {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 18pt;
}

.multirow img {
    padding-right: 12px;
    height: 32px;
    width: 32px;
}

.leftbox {
  border: 4px solid white;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 20px;
  padding: 10px 40px;
  text-align: left;
  font-size: 1em;
  max-width: 800px;
  width: 25%;
  min-width: 320px;
  background-image: url(img/alphabg.png);
  background-position:  center center;
  height: 90%;
}
.topbox {
  border: 4px solid white;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding: 10px 40px;
  text-align: left;
  font-size: 1em;
  width: 80%;
  background-image: url(img/alphabg.png);
  background-position:  center center;
  height: 80%;
}

.valign {
  height: 128px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

a {
    color: #ffffaa;
    margin-right: 6px;
}