
body {
    background: url('xv.png');
    font-family: 'Rancho', cursive;
    font-size: 1.3em;
}

#container {
    margin: 100px auto;
    width: 1000px;
}

.link {
    float: left;
}

a:link, a:visited {
    text-decoration: none;
}

.link div {
    border: 1px solid rgba(0,0,0,0.2);
    margin: 10px;
    height: 70px;
    width: 250px;
    text-align: center;
    padding: 50px 10px;
    border-radius: 20px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.8);
    
    font-family: 'Rancho';
    font-size: 60px;
    color: rgba(0,0,0,0.8);
    text-shadow: 1px 1px 0px rgba(256,256,256,0.8);
    text-decoration: none;
    background: url('xv.png');
}

.link div:hover {
    box-shadow: inset 3px 3px 5px rgba(0,0,0,0.8);
    -moz-transform: scale(1) rotate(0deg) translateX(2px) translateY(2px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(0deg) translateX(2px) translateY(2px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(0deg) translateX(2px) translateY(2px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(0deg) translateX(2px) translateY(2px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(0deg) translateX(2px) translateY(2px) skewX(0deg) skewY(0deg);
    
}
