html {
  background: url("https://64.media.tumblr.com/7eee7eae0d7fa1625fca196404b7d614/b62f8b77515da2f5-00/s1280x1920/ed35bd2d7b0913293d99b30791b2fad4e4d3e0e7.pnj"); 
  background-attachment: fixed;
  cursor: url(https://i.ibb.co/QH6CVgH/18677.png), pointer;
  background-size: 55%;
  background-position-y: 70%;
  background-position-x: 115%;
  }
  
  a {
   cursor: url(https://gateway2gates.neocities.org/Play/hover.png), help;
} 

.Logo {
  margin: 5px;
}

h2 {
  text-align: left;
  position: absolute;
  z-index: 1;
  filter: drop-shadow(0px 2px #fe0000);
  font-size: 25px;
  color: white;
  font-family: 'neighbor';
  margin: 5px;
}
  
.Logo img {
 margin-top: 15px;
 width: 90%;
}
  
.display {
  background-image: url('../scanlines.png');
  outline: 6px solid #960000;
  border-style: solid;
  background-color: #1d0000;
  border-color: #14136a;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'neighbor';
  max-width: 1300px;
  height: 650px;
  margin: 25px auto;
  border-radius:20px;
  text-align: center;
  padding: 10px;
}
  
    
.Info {
  position: absolute;
  background-color: black;
  height: 600px;
  width: 400px;
  right: 100px;
  padding: 10px;
  margin: 15px;
}

.Sidebar {
    position: absolute;
  height: 115px;
  width: 100px;
  right: 516px;
  padding: 10px;
  margin: 15px;
    text-align: right;
}


nav ul {
    padding: 2px;
    list-style-type: none;
}

nav ul li {
    padding: 10px 0;
}


.filterDiv {
display: none;
}

.show {
  display: block;
}


.band img {
  width: 35%;
  margin: 1%;
}

.staff img {
  width: 35%;
  margin: 1%;
}

.ghosts img {
  width: 35%;
  margin: 1%;
}

.staff {
  margin-top: 10%;
}

.Icons img {
  margin: 5px;
  box-shadow: 4px 4px 4px black;
}
.Icons {
  position: absolute;
  height: 600px;
  width: 700px;
  left: 100px;
  padding: 10px;
  margin: 15px;
}



h1 {
  font-size: 45px;
  color: white;
  filter: drop-shadow(0px 2px #fe0000);
  position: absolute;
  z-index: 1;
  top: 210px;
  margin-left: 85px;
}


p {
font-size: 16px;
  color: white;
  text-align: center;
  font-family: "Korinna";
  margin-top: 5px;
}

@font-face {
font-family: "Korinna";
src: url('ITC Korinna Regular.otf');
}


@font-face {
  font-family: 'neighbor';
  src: url('Neighbor.ttf') ;
}

@media only screen and (max-width: 600px) {
  .display {
    height: 35vh;
  }
  
  .Icons {
  padding: 1%;
  height: 100%;
    width: inherit;
    position: inherit;
    margin: 1%;
}

.band {
  margin-top: 15%;
}

.band img {
  width: 35vw;
  margin: 1%;
}

.staff img {
  width: 50%;
  margin: 1%;
}

.staff {
  margin-top: 15%;}
  
.Sidebar {
  width: inherit;
  position: inherit;
  text-align: center;
  height: auto;
  padding: 0px;
}

.Info {
  position: inherit;
  z-index: 2;
  width: inherit;
  padding: 5px;
  margin: 0px;
  height: auto;
}
.Logo {
  margin: 5px;
  text-align: center;
}

.Logo img {
  width: 80%;
  margin-top: 0px;
}

h2 {
  font-size: 24px;
  margin: 5px;
  text-align: left;
  position: inherit;
}

h1 {
    margin: 1px;
    position: inherit;
    line-height: 1;
    font-size: 50px;
}

.pillowleft {
  left: 140px;
  width: 30%;
}
  
.pillowright {
  left: -250px;
  width: 30%;
}

.starstrings {
display: none;
}

}