.float1{
    position:fixed;
      float: right;
    width:70px;
    height:80px;
    bottom:30px;
    
     
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  .float1:hover{
      zoom:120%;
      transform: rotate(360deg);
  }

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}

.background1 { position: fixed; 
  top:0; 
  left: 0;
   width: 100%;
    height: 100%; 
    z-index: -1; 
    overflow: hidden; } 
.background1 iframe { width: 100%; height: 100%; border: none;}
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}

.translucent-div {
position: relative; /* Ensures other divs can be positioned inside or over it */
background: rgba(255, 255, 255, 0.3); /* Semi-transparent background */
backdrop-filter: blur(10px); /* Blur effect */
border: 2px solid white; /* White border */
border-radius: 30px; /* Rounded corners */
padding: 20px; /* Adds padding inside the div */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow effect */
}

/* To ensure other content can be placed over it */
.overlay-content {

top: 0;
left: 0;
width: 100%;
height: 100%;
}


.glow {

color: #fff;

-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}
.borderradius {
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
}

@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #00e6c0, 0 0 60px #00e6cb, 0 0 70px #e60073;
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px #4dff74, 0 0 40px #ff4da6, 0 0 50px #edff4d,  0 0 70px #ff4da6;
}
}