*{
  cursor:  url(../assets/auto.png), auto;
}  

body {
     
      
      transition: background-image 0.3s ease-in-out;
      cursor:  url(../assets/auto.png), auto;
      color: white;
     background-color:black;
   
   
    }

    .photo {
      cursor:  url(../assets/pointer.png), auto;
      display: inline-block;
      margin: 10px;
      border: deeppink solid 1px;
      border-radius: 0px;
      background-color:black;
    }

    .photo img {
      width: 60px; /* Adjust the size as needed */
      height: 60px;
       cursor:  url(../assets/pointer.png), auto;
     
      
    }

    .photo:hover {
      background-color: deeppink; /* Change to the desired background image */
       cursor:  url(../assets/pointer.png), auto;
    }
        #whiteButton {
      margin: 6px;
      padding: 6px;
      cursor: pointer;
          background-color:white;
          border-radius: 50px;
          cursor:  url(../assets/pointer.png), auto;
          color:white;
   
    }
    #blackButton{
      margin: 6px;
      padding: 6px;
      cursor: pointer;
   background-color: black;
      border-radius: 50px;
    cursor:  url(../assets/pointer.png), auto;
      
    }
     #pinkButton {
      margin: 6px;
      padding: 6px;
      cursor: pointer;
       background-color: deeppink;
       border-radius: 50px;
       cursor:  url(../assets/pointer.png), auto;
       color:deeppink;
   
    }
     #yellowButton {
      margin: 6px;
      padding: 6px;
      cursor: pointer;
       background-color: coral;
       border-radius: 50px;
       cursor:  url(../assets/pointer.png), auto;
       color:coral;
   
    }
     #plumButton {
      margin: 6px;
      padding: 6px;
      cursor: pointer;
       background-color: plum;
       border-radius: 50px;
        cursor:  url(../assets/pointer.png), auto;
       color: plum;
   
    }

    .photobox{
  border: deeppink solid 2px;
  background-color: black;
      width:600px;
      margin:20px;
     box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
      padding: 10px;
      border-radius: 10px;
     ;
}
.custom-cursor {
    cursor: url('../../../i.ibb.co/YdrZ7FF/pink-cursor.gif'), auto;
}