.crab {

 height: 60%;
 width: 60%;
 margin: auto;
 vertical-align: middle;
 display: block;
 position: relative;
 z-index: 1;

}

.crab:hover {
    filter: hue-rotate(200deg);
}

body {
 
 width: 100%;
 height: 100%;
 cursor: url('images/prawncursor.png'), auto;

}

.background-image {

 width: 100%;
 height: 100%;
 display: block;
 margin: auto;
 background-image: url("/images/ocean.gif");
 z-index: 0;

}

table {

 height: 100%;
 width: 100%;
 margin: 0 auto;
 vertical-align: middle;
 position: relative;
 float: right;

}

p {
 
 vertical-align: middle;

}

.button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    display: block;
    width: 50px;
    height: 50px;
    float: clear;
    font-family: "Arial";
    font-weight: bold;
}

.button:hover {
    background-color: #000000; /* Black */
    color: white;

}