body{
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
        background-size: 400% 400%;
        animation: gradient 15s ease infinite;
    }
    
    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }
        50% {
            background-position: 100% 50%;
        }
        100% {
            background-position: 0% 50%;
        }
    }
    
    .button {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    padding: 20px 120px;
    font-size: 60px;
    text-shadow: 2px 2px 4px #000000;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #6d20b4;
    border: none;
    border-radius: 20px;
    box-shadow: 0 9px #999;
    display: block;
    }
    
    
    /*.button:hover {background-color: #5a207c} 
    
     .button:active {
      background-color: #5a1e7c;
      box-shadow: 0 5px #666;
      transform: translateY(4px);
    }
    */
    
    
    h1 {
      font-size: 5em;
      margin-bottom: 1em;
      margin-top: 1em;
      text-align: center;
      color: rgb(255, 255, 255);
      text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
    }

    h2 {
        font-size: 2.5em;
        margin-bottom: 1em;
        margin-top: 1em;
        text-align: center;
        color: rgb(255, 255, 255);
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
       
    }
    .back {
        position: absolute;
        top: 75%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 2.5em;
        text-align: center;
        color: rgb(255, 255, 255);
        text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
       
    }