body {
  background-color: #080000;
  background-image: url("background.jpg");
  background-size: cover;
  color: #8e8586;
  font-family: serif;
}

h3 {
  color: #fe1010;
}

a {
  color: #fe1010;
}

a:hover {
  color: #a60d0d;
}

video {
  width: 60%;
}

#nobg {
  background-color: #080000;
  background-image: none;
}

#logo {
  z-index: 99;
  transform: rotate(-15deg);
  max-height: 200px;
}

#glyph {
  max-height: 400px;
  transform: translate(50%, 25%);
  float: right;
}

#backbutton {
  position: fixed;
  bottom: 2%;
  right: 1%;
  width: 10%;
}

#backbutton:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.1);
  filter: drop-shadow(0 0 5px #8e8586);
}

#chain {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

.bigdawg {
  display: grid;
  margin: 5%;
}

.flexV {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.topdawg {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  background-color: #080000;
  width: 78%;
  margin-left: auto;
  margin-bottom: 15px;
  border-style: solid;
  border-color: #fe1010;
  border-width: 1px;
  padding: 15px;
  max-height: 25px;
}

.littledawg {
  background-color: #080000;
  border-style: solid;
  border-color: #fe1010;
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 5px;
  max-height: 500px;
}

.littledawg2 {
  background-color: #080000;
  border-style: solid;
  border-color: #fe1010;
  border-width: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 10px;
  max-height: 750px;
}

.column {
  float: left;
  width: 45%;
  padding: 10px;
}

.flex {
  display: flex;
  flex-direction: row;
}

.topflex {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.poster {
  max-width: 200px;
  width: 25%;
}

.grid { 
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.grid img {
  width: 98%;
  padding: 1%;
}