body { 
  background-image: url("background.jpg");
  background-repeat: repeat;
  font-family: sans-serif; 
  display: flex; 
  justify-content: center; 
  padding: 30px; 
} 

.title { 
  font-family: "Coming Soon", cursive; 
  font-weight: 400; 
  font-style: normal; 
  font-size: 50px; 
  color: #F56795; 
} 

.main-text { 
  font-family: "Coming Soon", cursive; 
  font-weight: 400; 
  font-style: normal; 
  font-size: 25px; 
  color: #2B0712; 
} 

.notebook { 
  position: relative; 
} 

.paper { 
  width: 500px; 
  height: 350px; 
  background: #fae7c5; 
  border: 2px solid #FFFFFF; 
  border-radius: 25px; 
  box-shadow: 5px 5px 15px rgba(157, 147, 152, 0.8);
  padding: 40px; 
  box-sizing: border-box; 
} 

#music-player { 
  position: absolute; 
  top: 350px; 
  left: -100px; 
  width: 346px; 
  padding: 15px; 
  background: #FCF7E8; 
  border: 2px solid #fff; 
  border-radius: 12px; 
  box-shadow: 5px 5px 15px rgba(157, 147, 152, 0.8);
  z-index: 999; 
} 

#player-header { 
  cursor: move; 
  font-weight: bold; 
  margin-bottom: 10px; 
  user-select: none; 
}