.colors {
  red: #d64422;
  orange: #c37f26;
  yellow: #ddcd40;
  lblue: #91b1b8;
  blue: #0797bc;
  dbrown: #5f4a04;
  lgreen: #8d9b67;
  dgreen: #2f3b2f;
  white: #fffdf1;
  pink: #fff5f5;
  lgrey: #bbbbbb;
  mgrey: #707070;
  dgrey: #4e4e4e;
  black: #131313;
  red-grey: #9c8783;
}

html {
  margin: 0;
}

body {
  margin: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 100%;
  background-color: #fffdf1;
}

a {
  color: #4e4e4e;
  text-decoration: none;
  text-align: right;
  font: italic small-caps 1em Verdana, sans-serif;
}

a:hover {
  color: #ddcd40;
}

.backLink {
  font-size: 0.75em;
  color: #fffdf1;
}

.albumPartition {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
  background-color: #91b1b8;
  margin: 5% 0% 0% 0%;
  padding: 0% 30%;
  /* padding: 1% 0% 0% 4%; */
}

.albumPartition2 {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #bbbbbb;
  padding: 0% 20%;
  /* justify-content: space-around; */
  /* margin: 5% 0% 0% 0%; */
}

.albumPartition a:hover {
  color: #fffdf1;
}

.albumPartition > * {
  /* flex-grow: 1; */
}

.progress {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.musicdescText {
  font: small-caps 2.5em Verdana, sans-serif;
  color: #fffdf1;
  text-align: center;
}

.albumBlock {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: center;
}

.albumTracks {
  display: flex;
  flex-direction: column;
  padding-top: 2%;
  /* justify-content: center; */
  /* align-items: center; */
  /* align-content: center; */
}

.musicLink {
  flex-direction: column;
  justify-content: center;
  /* display: flex; */
}

.musicDesc {
  font: small-caps 1em Verdana, serif;
  margin-bottom: 15px;
  /* display: flex; */
  /* text-align: center; */
}

.descText {
  text-align: center;
  font-size: 1em;
  line-height: 1.5;
  color: #4e4e4e;
}

.coverDiv {
  display: flex;
  justify-content: center;
}

.albumCover {
  width: auto;
  height: 60em;
  margin-top: 2%;
}

.motionCover {
  width: 40em;
  height: auto;
  margin-top: 2%;
}

.termsText {
  text-align: center;
  margin-top: 5%;
  color: #bbbbbb;
}

.tagsHeader {
  display: flex;
  justify-content: center;
  background-color: #4e4e4e;
  margin-top: 6%;
}

.copyright {
  text-align: center;
  font-size: 0.7em;
  color: #bbbbbb;
}

.link {
  color: #8d9b67;
}

@media (min-width: 800px) {
  #footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media (max-width: 800px) {
  .albumPartition {
    padding: 0% 0%;
  }

  .musicDesc {
    text-align: center;
    align-items: center;
  }

  .musicdescText {
    font-size: 1.5em;
  }

  .albumPartition {
    flex-direction: column;
    flex-grow: inherit;
    justify-content: center;
    align-items: center;
  }

  .albumBlock {
    flex-direction: column;
    justify-content: center;
  }

  .albumTracks {
    justify-content: center;
    /* align-items: center; */
  }

  .musicLink {
    align-content: center;
  }

  audio {
    width: 100%;
  }

  .motionCover {
    width: 375px;
    height: 500px;
  }
  .desertCover {
    width: 375px;
    height: 413px;
  }
  .auraCover {
    width: 375px;
    height: 500px;
  }
  .albumCover {
    width: 375px;
    height: 550px;
  }
}