* *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Style for the pop-up container */

.share-popup {
    display: none;
    position: fixed;
    width:300px;
    height:auto;
    padding: 10px;
    border: #ffffff solid 12px;
    box-shadow: inset;
    background-image: linear-gradient(90deg,rgb(247, 190, 255),rgb(64, 174, 238));
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius:50px;
    
   
}


/* Style for the social media icons */
.social-icons {
    text-align: center;
    
    
}

.social-icons a {
  display: inline-block;
  margin: 10px;
  background-color: #ffffff;
  padding:5px;
  border-radius: 25%;
  font-size: 26px;
  
}
 /* Style for the close button */
 .close-button {
  position:absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: rgb(223, 5, 5);
  background-color: #ffffff;
  
  padding: 3px;
  border-top-right-radius: 20px;
}
  .share-btn{
    text-decoration:none;
    width:auto;
    height: auto;
    margin-left:1px;
    margin-top: 2px;
    border: solid 2px white;
    padding: 2px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    margin-bottom:2px; 
    background-image: linear-gradient(90deg,rgb(163, 57, 212),rgb(9, 145, 224));
    border-radius: 20px; 
    font-size: 1.5vmin;
    box-shadow: 2px 2px 8px  rgb(0, 0, 0);
  }


   .share-text{
   
    text-align: center;
    color: aliceblue;
    font-size:20px;
    padding:1px;
    border-radius: 20px;
  }
   #message {
    display:none; /* Initially hide the message */
    background-color: #ffffff;
    padding: 5px;
    position:fixed;
    font-size: small;
    color: blue;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #f07dff;
    border-radius: 20px;
    box-shadow: 2px 2px 2px  #95efff;
    font-family: 'Kumbh Sans', sans-serif;

}