body {
    background-color: 313131;
    }

#message {
    text-transform: uppercase;
    font: 29px Arial, Helvetica, sans-serif;;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: .1.5rem;
    word-spacing: -0.5rem;
    color: whitesmoke;
    margin-left: auto;
    margin-right: auto;
    
}


#massage {
    text-transform: uppercase;
    font: 29px Arial, Helvetica, sans-serif;;
    letter-spacing: .4rem;
    word-spacing: .5rem;
    position: relative;
    top: -126.8px;
    left: 138.6px;
    color: A1A1A1;
    margin-left: auto;
    margin-right: auto;
}



#clearBtn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: 494949;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
    float: right;
  }
  
  #clearBtn:hover {
    background-color: 494949;
  }
  
  #clearBtn:active {
    background-color: 494949;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }


#textBtn {
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: 494949;
    border: none;
    border-radius: 15px;
    box-shadow: 0 9px #999;
    float: left;  
}

#textBtn:hover {
background-color: 494949;
}

#textBtn:active {
background-color: 494949;
box-shadow: 0 5px #666;
transform: translateY(5px);
}