.hero{
    position: relative;
    height: 100vh;

    background:url(kayan.jpeg) no-repeat center center;
    background-size: cover;
    background-blend-mode: darken;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*text-align: center;*/
    z-index: 2;
}
.heading1{
    font-weight: bold;
    color: rgb(242, 255, 0);
}
h4{
    color: rgb(15, 244, 68);
    font-weight: bold;
}
ul{
    color: aliceblue;
}
/*@keyframes blink {
    0%, 100% {background-color:#3F0604;}
    50% {background-color: #8EDDBE;}
  }*/
  .martop {
    background-color: #8EDDBE;
    color: rgb(255, 225, 000);
    animation: blink 1s linear infinite;
    padding: 8px 35px;
      border-radius: 48px 0px; 
  border: 0px solid #7C8003;
  }
  #autoButton{
    margin-top: 10px;
    padding: 8px 35px;
    border-radius: 48px 0px; 
border: 0px solid #7C8003;
}
@keyframes blink {
  0%, 100% {background-color:#ff1b06;}
  40% {background-color: #8edddd;}
}
#autoButton {
  background-color: #8EDDBE;
  color: rgb(170, 6, 6);
  animation: blink 1s linear infinite;
}