*{
     background-color:rgb(8, 4, 29);
  }
  a.button {
    display: inline-block;
    padding: 15px 25px;
    font-size: 24px;
    cursor: pointer;
    text-align: center;	
    text-decoration: none;
    outline: none;
    color: #000000;
    background-color: #e9e638;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
  }
  a.button:hover {background-color: #af3333}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.certificate img{
  width: 300px;
  margin-left: px;
}
#btn{
  background-color: #af3333;
  width: 150px;
  height: 60px;
  color: aliceblue;
  border-color: rgb(rgb(0, 0, 0), green, blue);
}
#btn:hover {
   background-color: rgb(8, 4, 29);
   border-color: #af3333;
   transition: 0.75s;
}
#txt{
  text-align: center;
  color: white;
}
span{
  color: rgb(255, 181, 96)
}
h2{
  text-align: center;
  font-size: 100px;
  color: white;
  padding-bottom: 60px;
  letter-spacing: 10px;
  color: rgb(88, 12, 12);
  animation: animate 5s linear infinite;
}
@keyframes animate {
  0%, 18%, 20%, 50.1%, 60%, 65.1%, 80.1%, 90.1%, 92% {
    color: rgb(88, 1, 1);
    text-shadow: none;
  }
  18.1%, 20.1%, 30%, 50.1%, 60%, 65%, 80.1%, 90%, 92.1%, 100% {
    color: #ffffff;
    text-shadow: 0 0 10px #ff6969,
    0 0 20px #ff4b4b,
    0 0 40px #ff6969,
    0 0 80px #ff6969,
    0 0 160px #ff6969;
  }
}