/* Full corkboard background */
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  background-image: url('Background.png'); /* Use your corkboard image here */

}

/* Sticker style (base class) */
.sticker {
  position: absolute;       /* Set desired sticker size */
  cursor: pointer;
  transform: rotate(-3deg); /* Optional: tilt for realism */
  box-shadow: 2px 4px 10px rgba(0,0,0,0.3); /* Add depth like it's stuck on */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Optional: hover effect to make it "lift" a bit */
.sticker:hover {
  transform: rotate(-2deg) scale(1.05);
  box-shadow: 4px 6px 12px rgba(0,0,0,0.4);
}


/* Individual sticker placement */
#Camerabutton {
  width: 350px; 
  top: 230px;
  left: 105px;
}

#penButton {
  width: 300px; 
  top: 120px;
  left: 620px;
}

#bookButton {
  width: 400px; 
  top: 400px;
  left: 800px;
}

#mailboxButton {
  width: 450px; 
  top: 300px;
  left: 500px;
}
#Tampa {
  width: 160px; 
  top: 300px;
  left: 500px;
}  
#everythings-fine {
  width: 80px; 
  top: 100px;
  left: 500px;
}  
#The_Anxious_Generation {
  width: 80px; 
  top: 300px;
  left: 500px;
}  
#Looking_for_Alaska {
  width: 70px; 
  top: 200px;
  left: 500px;
}  
#TheDrySeason {
  width: 100px; 
  top: 400px;
  left: 90px;
}