.bigtitle {
  text-align: center;
  font-size: 30px;
}

.gallerysection {
  background-color: #202020;
  border-radius: 0px;
  margin-top: 30px;
  padding: 10px;
}

.sectiontitle {
  font-size:  30px;
  margin-bottom: 10px;
}

.sectionbody {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.vertflow {
  flex-direction: column;
}

.sectiontext {
  padding: 10px;
  font-size: 25px;
  margin-right: 30px;
}

.sectioncontent {
  height: 100%;
}

.imagelegend {
  font-size: 15px;
  width: 100%;
  text-align: center;
}

.grid div {
  text-align: center;
}

img.glowoutline:hover {
  outline: solid 3px #3344cf;
  box-shadow: 0px 0px 15px 5px #3344cf, inset 0px 0px 10px 0px #3344cf;
}

div.glowoutline:hover {
  text-shadow: -1px -1px 0 #3344cf, 1px -1px 0 #3344cf, -1px 1px 0 #3344cf, 1px 1px 0 #3344cf, 0px 0px 15px #3344cf;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 28.125%;
  padding-bottom: 28.125%;
}

div.grid {
  display: grid;
  height: 100%;
}

#pico8grid {
  grid-template: 1fr 1fr / 1fr 1fr;
  grid-gap: 30px;
}

#classesgrid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  row-gap: 30px;
  column-gap: 30px;
}

#classesgrid > div {
  text-align: center;
}