body{
    background: linear-gradient(to top, #000000 0%, #252525 30%, #000000 70%);
    background-size: 100vh 100vw;
    animation: background-animation 10s linear infinite;
}

@keyframes background-animation {
    0%{
      background-position: 0% 300%;
    }
    100% {
      background-position: 0% -300%;
    }

  }
  

.text-center{
    text-align: center;
}

#hh{
    text-align:center;
    font-size:200%;
    margin-top: 10vh;
    margin-left: 15vw;
    margin-right: 15vw;
    padding: 5px;
    color:#DAA520;
}

#button-login{
    font-size: 200%;
    color:#DAA520;
    background-color: #000000;
    text-align: center;
    border: 10px solid #DAA520;
    
}
#button-login:hover{
    animation: border-animation 0.5s linear;
    border-color: #fff;
    color: #fff;

}


@keyframes border-animation {
  from {
    border-color: #DAA520;
    color: #DAA520;
  }
  to {
    border-color: #fff;
    color: #fff

    
  }
}