body {
    margin: 0 auto;
    background-color: rgb(119, 119, 119);
    padding: 10%;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    
}
.UI{
    background-color: black;
    color: rgb(255, 255, 255);
    width: 50%;
    height: 70%;
    padding: 10%;
    padding-bottom: 5%;
    display: block;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    border-radius: 5%;
}
.h1{
    font-size: 30px;
}
         
.WoP {
    background-image: linear-gradient(to right, #FF512F 0%, #F09819  51%, #FF512F  100%);
    margin: 15px;
    padding: 15px 45px;
    text-align: center;
    text-transform: uppercase;
    background-size: 200% auto;
    color: white;            
    display: inline-block;
    border-radius: 1.5em/50%;
    cursor: pointer;
  }

.WoP:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}
.link{
    text-decoration: none;
    color: rgb(131, 131, 131);  
}
.noscript{
    color: #FF512F;
}
.noscriptlink{
    color: #FF512F;
}