body {
background: #fffbb5 url('Untitled-1.png');
font: tahoma;
}

h1 {
font: Perpetua Titling MT;
color: #be95ee;
}

.circlemenu{
    width: 100%;
    overflow:hidden;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
}  

.circlemenu ul{
    margin: 0;
    padding: 0;
    font:italic 18px Georgia;
    list-style-type: none;
    text-align: center;
}

.circlemenu li{
    display: inline;
    margin: 0;
}  

.circlemenu li a{
    display:inline-block;
    text-align:center;
    text-decoration: none;
    color: #686868;
    background:#cbf5f3;
    margin: 0;
    margin-right:5px;
    width:100px;
    height:100px;
    border-radius: 400px;
    -moz-border-radius: 400px;
    -webkit-border-radius: 400px;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
}  

.circlemenu a span{
    position:relative;
    top:40%;
}  

.circlemenu li a:visited{
    color: #575757;
}

.circlemenu a:hover{
    background: #7dc5fd;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}