body {
    font-family: Anton, Arial, sans-serif;
    background-image: linear-gradient(180deg,rgba(255, 255, 255, 0.2),rgba(000, 000, 000, 0.2)),url('RDD.base2.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;
    background-position: center;
    }

.center {
    display: inline-block;
    position:fixed;
    width: 100%;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -300px; /* margin is -0.5 * dimension */
    margin-top: -25px; 
    /*font-size: 2.4em*/;
    color:white; 
}

.button {
  border: none;
  color: white;
  padding: 10px 0px;
  text-align: center;
  text-decoration: none;
  display:inline-block;
  font-size: 80px;
  margin: 5px 5px;
  cursor: pointer;
}

.button:hover{
    color: rgba(172, 120, 3, 0.95);
    transition-duration: 0.4s;
}

.vl {
    border-left: 3px solid rgba(172, 120, 3, 0.97);
    transform: rotate(13deg);
    height: 70px;
    display: inline-block;
}

/* <div style="position: fixed; width: 100%; height: 100%; z-index: 80; background-image: url('/images/horizontal.png'); background-repeat: repeat;"></div> */