html {
    text-align: center;
}

button {
    margin-top: 1px;
    padding: 1px 5px;
    
    color: #FFF;
    background-color:deepskyblue;
    box-shadow:0px 10px 10px -7px rgba(0,0,0,0.4);
    
    border: solid 3px deepskyblue;
    border-radius: 5px;
    
    font-size: 20px;
    font-family: comic sans ms;
    
    transition: ease-in-out all 300ms;
}

button:hover {
    color: deepskyblue;
    background-color: #fff;
    
    transform: translate(0px, -10px);
    
    box-shadow: 0px 30px 15px -10px rgba(0,0,0,0.2)
    
}