mlp.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}
body
{
  color:white;
  background-color: black;
}
h1
{
  color:orange;
}

h2
{
  color:orange;
  text-align: center;
}
.card {
  background-color: rgba(0, 0, 0, 0.169); 
  border: 1px solid orange; 
  border-radius: 8px;     
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0);
  padding: 20px;          
  margin-bottom: 20px;     
  margin: 20px auto; 
  max-width: 400px;   
  transition: all 0.3s ease;
  outline: none;     
}

.card h3
{
  margin: 0; 
  color: white;
  font-size: 16px;
  .glow-button:hover {
      animation: glow-animation 1s infinite alternate;
    }
}
.card:hover 
{
  animation: glow-animation 1s infinite alternate;
}
@keyframes glow-animation 
{
      0% 
      {
        box-shadow: 0 0 5px rgb(255, 174, 0), 0 0 10px rgb(255, 174, 0);
      }
      100% 
      {
        box-shadow: 0 0 20px rgb(255, 174, 0), 0 0 30px rgb(255, 174, 0),;
      }
}