.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;
}

.albumPartition {
  display: flex;
  align-items: center;
  background-color: #91b1b8;
  margin: 5% 0% 0% 0%;
  /* justify-content: center; */
}

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

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

.albumBlock {
  display: flex;
  margin: 3% 30%;
  flex-direction: column;
  /* justify-content: space-between; */
}

.musicdescText {
  font: small-caps 2em Verdana, sans-serif;
  color: #4e4e4e;
  text-align: center;
  margin-right: 110px;
}

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

.smallText {
  margin-top: -5%;
}

.coverDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1% 0%;
}

.albumCover {
  width: auto;
  height: 200px;
  /* margin-top: 2%; */
}

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

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

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

@media (max-width: 800px) {
  .albumPartition {
    text-align: center;
  }

  .albumPartition > * {
    flex-grow: inherit;
  }
  .coverDiv {
    flex-direction: column;
    text-align: center;
  }
  .musicDesc {
    justify-content: center;
  }

  a {
    text-align: center;
  }

  .musicdescText {
    margin-right: 0px;
  }
  .albumPartition {
    flex-direction: column;
    flex-grow: inherit;
    justify-content: center;
  }

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

  .albumCover {
    width: 200px;
    height: 200px;
  }
}