body {
text-align: center;
}
#principal {
display: block;
width: 500px;
margin: 50px auto;
padding: 15px;
text-align: center;
border: 1px solid #999999;
background: #DDDDDD;
-moz-transition: -moz-transform 1s linear 0.5s;
-ms-transition: -webkit-transform 1s linear 0.5s;
}
#principal:hover{
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
}

#titulo {
font: bold 36px verdana, sans-serif;
text-shadow: rgb(50,50,0) 3px 3px 5px;
}