body {
  background-color: white;                 
  color: black;
  font-family: Georgia;
  padding-top: 100px;

  background-image: url('background.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;

  min-height: 100dvh;                      
}


html {
  height: -webkit-fill-available;
}
.header-title {
  position: fixed;
  top: 50;
  left: 0;
  width: 100%;
  text-align: center;
  background: rgba(0,0,0,0.0);  
  padding: 15px 0;
  margin: 0;
  z-index: 1000;
}

body {
  padding-top: 80px;   
}

.musiclink {
  position: relative;
  left: 180px;
  width: 9%;
  top: 50px;
}

.photo1 {
  position: relative;
  left: -16px;
  width: 9%;
  top: -500px;
}

.fivepng {
  position: relative;
  right: -400px;
  width: 40%;
  top: -740px;
}


.photo3 {
  position: relative;
  right: -1129px;
  width: 10%;
  top: -70px;
}

.fourpng {
  position: relative;
  top: -50px;         
  left: -40px;         
  width: 20%;          
  display: block;            
}
.photo2 {
  position: relative;
  top: -50px;
  left: -13px;
  width: 10%;
}

.onepng {
  position: relative;
  top: -250px;
  right: -600px;
  width: 20%;
}

.threepng {
  position: relative;
  top: -400px;
  right: -200px;
  width: 8%;
}

@media (max-width: 768px) {
  .onepng     { left: -10px; }
  .photo2  { left: -12px; }  
  .fourpng  { left: -15px;
  top: -20px; }  
}



.soundcloud-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;           
  z-index: 1000;

}