body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-image: url("res/gmap.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  backdrop-filter: blur(4px);
  margin: 0;
  padding: 0;
  color: #dddddd;
  font-size: 14pt;
}

a {
  color: #999999;
}

#mainWrapper {
  background: rgba(50, 50, 50, 0.8);
}

div.pageBlock, header {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 1000px;
}

div.pageBlock {
  padding-bottom: 20px;
  padding-top: 20px;
}

div.pageBlock:not(:last-child) {
  border-bottom: 2px solid gray;
}

header {
  background: rgba(50, 50, 50, 0.8);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 15px;
}

main {
  text-align: center;
}

div.teamImage {
  display: inline-block;
}

div.teamImage:not(:last-child) {
  margin-right: 20px;
  margin-bottom: 20px;
}

div.teamImage > img {
  display: block;
  width: 200px;
  border-radius: 10px;
  object-fit: cover;
  margin-bottom: 15px;
}

div.teamImage > span.name {
  font-size: 14pt;
}

div.teamImage > span.major {
  font-style: italic;
}

span {
  display: block;
}

span.pageHeader {
  font-size: 30pt;
  font-weight: bold;
}

span.teamNum {
  font-size: 16pt;
}

span.sectionHead {
  font-size: 24pt;
  margin-bottom: 20px;
}

img.block {
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 15px;
}

footer {
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
  padding: 20px;
}

footer > img {
  width: 150px;
}