body {
    background-color: rgba(241, 93, 93, 0.318);
    

    
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    padding-top: 0%;
    
}
p {
  border: darkgray 2px dotted;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center; 
  text-decoration:none;
}

a{  text-decoration:none;}

p.ad {

  border: rgba(110, 12, 146, .5) 2px dotted;
}


.ad {

  color: rgb(91, 37, 183);
  text-decoration:none;

}
#signa { color: chartreuse;
 
  padding: 17px;
/* padding-left: 50vw; */
position: relative;
 bottom: 50%;
 min-width: 80%;
 max-height: 100%;
 
  text-decoration:none;
  font-family: 'chubby_trailregular';
 }










#signb { color: chartreuse;
    border: darkgray 2px dotted;
    border-radius: 20px;
    padding: 7px;
   z-index: 3;

   bottom: 50%;
   min-width: 100%;
   max-height: 100%;

    text-decoration:none;
    font-family: 'chubby_trailregular';
   }
  
  


   body {
    margin: 0;
    font-family: 'chubby_trailregular';
    
  }



/* glowing text animation */

.glow#signa {
    
  color: rgba(200, 209, 100, 0.9);
  
  animation: glow .55s ease-in-out infinite alternate;
}


  .glow#signb {
    
    color: rgba(200, 209, 100, 0.9);
    
    animation: glow 1.4s ease-in-out infinite alternate;
  }
  
  @keyframes glow {
    from {
      text-shadow: 0 0 10px rgb(129, 73, 73), 0 0 20px #fff, 0 0 30px #92d515, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #6cd829;
    }
    
    to {
      text-shadow: 0 0 20px rgb(198, 223, 37), 0 0 30px #4dc4ff, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #3c1fc0, 0 0 80px #ff4da6;
    }
  }

  #signa:hover {  
    color: beige;
   }

   #signb:hover {  
    color: beige;
   }