body {
  background-color: #f98d68;
  background-image: url("images/bgimg.png");
  overflow-x: hidden;
}

.bgelement {
  z-index: 2;
}

#thing1 {
  position: absolute;
  right: 0;
  top: 0;
  /*mix-blend-mode: luminosity;*/
  width: max-content;
  max-width: 40%;
  min-width: 10%;
  transition: all 0.1s;
  z-index: 2;
}

#thing1:hover {
  filter: drop-shadow(0px 0px 5px #29857a);
  transform: scale(1.01);
}

#und-milk {
  width: fit-content;
  max-width: 20%;
  min-width: 10%;
  margin-top: 10vw;
  z-index: 5;
}

.und-container {
  display: flex;
  user-select: none;
  pointer-events: none;
  justify-content: center;
  margin-left: 20px;
  padding-right: 10px;
  width: fit-content;
  margin-right: 100px;
}

#und-text {
  width: max-content;
  max-width: 80%;
  min-width: 10%;
  /*padding-right: 50px;*/
}

#artworkbutton {
  user-select: none;
  margin-left: 60px;
  width: fit-content;
  max-width: 80%;
  min-width: 10%;
  transition: transform 0.1s;
}

#artworkbutton:hover {
  transform: scale(1.01);
}

#artworkbutton:hover {
  position: relative;
}

#artworkbutton:hover:after {
  content: url(images/star.png);
  position: absolute;
  left: 150px;
  margin-top: -10px;
}

#memberlisttext {
  /*margin-left: 50px;
width:190px;
user-select: none;
pointer-events: none;
display: none;*/
  user-select: none;
  pointer-events: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  /*width: max-content;*/
  min-width: 10vw;
  max-width: 50vw;
}

.listitems {
  display: flex;
}

#nameslist {
  user-select: none;
  pointer-events: none;
  /*width: max-content;
  max-width: 80%;
  min-width: 10%;*/
  margin-left: 40px;
  display: block;
  margin: auto;
  width: max-content;
  min-width: 10%;
  max-width: 80%;
  margin-top: 20px;
}

#goodmusicworldwide {
  bottom: 0px;
  right: 20px;
  user-select: none;
  pointer-events: none;
  position: fixed;
  width: fit-content;
  min-width: 10%;
  max-width: 90%;
}

#videobutton {
  width: 200px;
  transition: transform 0.1s;
  display: block;
  margin: auto;
  margin-bottom: 70px;
}

#videobutton:hover {
  transform: scale(1.1);
  filter: invert(1) drop-shadow(0px 0px 5px #000000);
}
iframe {
  display: none;
}

#edotilogo {
  display: block;
  margin: auto;
  width: 120px;
  margin-top: 10px;
  margin-bottom: 20px;
  user-select: none;
  pointer-events: none;
  display: none;
}

#sitecredits {
  width: 180px;
  display: block;
  margin: auto;
  margin-top: 20px;
}

@media screen and (max-width: 600px) {
  #thing1 {
    width: 80% !important;
    max-width: 100% !important;
  }

  #und-milk {
    margin-top: 150px !important;
  }
}