@font-face {
  font-family: "meooooowwwwwwwww";
  src: url('idealist-sanslight.ttf');
}

body {
  font-family: 'meooooowwwwwwwww';
  background-image: url("may_pics/background.png");
  /* background-repeat: no-repeat; */
  background-size: 100% 100%;
  color: black;
}

#cpation {width: 400px;}
#cdRoomCpation {
border: 1px solid black;
width: 100%;
display: flex;
/* background-image: url("may_pics/cd.png");background-size: 100% 100%; background-repeat: repeat-x; */
}

#cdRoom {
  position: relative;
  width: 100vw;
  height: 1000px;
  background-size: cover;
  color: aqua;
  font-family: "Courier New", Courier, monospace;

}


.scaleDown {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-position: ; */
}

.song_title {
  font-size: 36px;
  font-family: "Adobe Clean UX";
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  line-height: 1.2;
  text-align: left;
  -moz-transform: scale(2.41, 2.41);
  -webkit-transform: scale(2.41, 2.41);
  -ms-transform: scale(2.41, 2.41);
  position: absolute;
  left: 1062.768px;
  top: 668.9px;
  z-index: 21;
}
.song_length {
  font-size: 30px;
  font-family: "Adobe Clean UX";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  -moz-transform: scale(2.41, 2.41);
  -webkit-transform: scale(2.41, 2.41);
  -ms-transform: scale(2.41, 2.41);
  position: absolute;
  left: 1051.364px;
  top: 757.5px;
  z-index: 22;
}

.cd_room {
  background-image: url("may_pics/cdImages/cd_room.png");
  position: absolute;
  left: 1011px;
  top: 161px;
  width: 697px;
  height: 179px;
  z-index: 19;
}

.description_text {
  background-image: url("may_pics/cdImages/description_text.png");
  position: absolute;
  left: 1026px;
  top: 389px;
  width: 1074px;
  height: 155px;
  z-index: 18;
}

.info_background {
  background-image: url("may_pics/cdImages/info_background.png");
  position: absolute;
  left: 1034px;
  top: 617px;
  width: 858px;
  height: 239px;
  z-index: 20;
}

.show_hide__cds {
  background-image: url("may_pics/cdImages/showhidecds.png");
  position: absolute;
  left: 1027px;
  top: 605px;
  width: 568px;
  height: 84px;
  z-index: 23;
}


.NEXT_album {
  background-image: url("may_pics/cdImages/next-album.png");
  position: absolute;
  left: 269px;
  top: 2568px;
  width: 662px;
  height: 73px;
  z-index: 17;
}


.PLAY___pause {
  background-image: url("may_pics/cdImages/play-pause.png");
  position: absolute;
  left: 331px;
  top: 2236px;
  width: 693px;
  height: 74px;
  z-index: 16;
}

.previous_SONG {
  background-image: url("may_pics/cdImages/previous-song.png");
  position: absolute;
  left: 261px;
  top: 2683px;
  width: 839px;
  height: 74px;
  z-index: 15;
}


.NEXT_SONG {
  background-image: url("may_pics/cdImages/next-song.png");
  position: absolute;
  left: 1194px;
  top: 2684px;
  width: 593px;
  height: 74px;
  z-index: 14;
}

.previous_album {
  background-image: url("may_pics/cdImages/previous-album.png");
  position: absolute;
  left: 277px;
  top: 2451px;
  width: 908px;
  height: 74px;
  z-index: 13;
}

.previous_album:hover {
  filter: invert();
}
.NEXT_album:hover {
  filter: invert();
}
.PLAY___pause:hover {
  filter: invert();
}
.NEXT_SONG:hover {
  filter: invert();
}
.previous_SONG:hover {
  filter: invert();
}
.show_hide__cds:hover {
  filter: invert();
}

.inori {
  background-image: url("may_pics/cdImages/inori.png");
  position: absolute;
  left: 2038px;
  top: 910px;
  width: 1674px;
  height: 1525px;
  z-index: 12;
}

.drama_in_the_desert {
  background-image: url("may_pics/cdImages/drama_in_the_desert.png");
  position: absolute;
  left: 2194px;
  top: 1037px;
  width: 1675px;
  height: 1509px;
  z-index: 11;
}

.glaciers {
  background-image: url("may_pics/cdImages/glaciers.png");
  position: absolute;
  left: 1945px;
  top: 1068px;
  width: 1633px;
  height: 1494px;
  z-index: 10;
}

.tech_mix {
  background-image: url("may_pics/cdImages/tech-mix.png");
  position: absolute;
  left: 2010px;
  top: 952px;
  width: 1702px;
  height: 1503px;
  z-index: 9;
}

.melody_of_china {
  background-image: url("may_pics/cdImages/melody_of_china.png");
  position: absolute;
  left: 2111px;
  top: 964px;
  width: 1633px;
  height: 1498px;
  z-index: 8;
}

.drop_acid_and_listen_to_this {
  background-image: url("may_pics/cdImages/drop_acid_and_listen_to_this.png");
  position: absolute;
  left: 2111px;
  top: 1392px;
  width: 1686px;
  height: 1489px;
  z-index: 7;
}

.sacred_system_nagual_site {
  background-image: url("may_pics/cdImages/sacred_system_nagual_site.png");
  position: absolute;
  left: 2194px;
  top: 1037px;
  width: 1616px;
  height: 1532px;
  z-index: 6;
}

.computer {
  background-image: url("may_pics/cdImages/computer.png");
  position: absolute;
  left: 273px;
  top: 160px;
  width: 1838px;
  height: 2704px;
  z-index: 10;
}

.notebook {
  background-image: url("may_pics/cdImages/notebook.png");
  position: absolute;
  left: 2022px;
  mix-blend-mode: hard-light;
  top: -3px;
  width: 1780px;
  height: 2957px;
  z-index: 3;
}

.background {
  background-image: url("may_pics/cdImages/background.png");
  position: absolute;
  left: -5px;
  top: -5px;
  width: 4041px;
  height: 3033px;
  z-index: 1;
}

.back-to-home-container {
    position: sticky;   
    z-index: 200;
}

.back-to-home {
    position: absolute;
    top: 0px;
    right: 10px;
}

.back-to-home-text {
    position: absolute;
    top: 80px;
    right: 10px;
    color: black;
    font-size: 0.9em;
}