/** {
    border: 1px dotted black;
}*/ 

table {
    margin: auto;
}

#blank {
    height: 2em;
}

a {
    text-decoration: none;
    text-align: center;    
}

p {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-size: 2em;
    color: black;
    padding: 25px;
}

.top {
    padding-top: 180px;
}

.bottom {
    margin-top: 0px;    
}

div {
    height: 250px;
    width: 250px;
    border-radius: 50px;     
}

#header {
    font-family: 'Script MT', 'Agency FB',serif;
    font-weight: bold;
    font-size: 3em;
    text-align: center;
}

td {
    padding: 10px;
}

#topleft:hover div {
    margin-top: -10px;
    box-shadow: -5px -5px 5px 0px rgba(0,0,0,0.75);
}

#topright:hover div {
    margin-top: -10px;
    box-shadow: 5px -5px 5px 0px rgba(0,0,0,0.75);
}

#bottomleft:hover div {
    margin-bottom: -10px;
    box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
}

#bottomright:hover div {
    margin-bottom: -10px;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}

#topleft div {
    /*background-color: #aeff82;*/
    box-shadow: -10px -10px 10px 0px rgba(0,0,0,0.75);
    border-top-left-radius: 20em;
    background: linear-gradient(to bottom, #aedd00, #aeff82); /* W3C */
}

#topright div {
    /*background-color: #ffac82;*/
    box-shadow: 10px -10px 10px 0px rgba(0,0,0,0.75);
    border-top-right-radius: 20em;
    background: linear-gradient(to bottom, #ddac00, #ffac82); /* W3C */
    margin-left: 20px;
}

#bottomleft div {
    /*background-color: #82daff;*/
    box-shadow: -10px 10px 10px 0px rgba(0,0,0,0.75);   
    border-bottom-left-radius: 20em;
    background: linear-gradient(to top, #82daff, #00dadd); /* W3C */
}

#bottomright div {
    /*background-color: #ff82ae;*/
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
    border-bottom-right-radius: 20em;
    background: linear-gradient(to top, #ff82ae, #dd00ae); /* W3C */
    margin-left: 20px;
}