borda arredondada e a foto inclinada não foram exibidas

boa tarde, estou utilizando o google chrome mas a borda arredondada e a foto inclinada não foram exibidas.

body{

    background-color: #F5F0DC;
    font-family: Helvetica, Arial, sans-serif;
    width:940px;
    margin-right: auto;
    margin-left: auto;

}

h2{
    background-color: #b3a742;
    background: -webkit-linear-gradient(top,#9c8f67, #c7be9b)
    border-radius: 30px;
    border: 1px solid black;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    color: #FFFFFF;

}
figure{
    background-color: white;
    width:450px;
    text-align: center;
    padding:15px;
    font-family: 'Comic Sans MS', cursive;
    border: 1px solid black;
    box-shadow: 5px 5px 5px rgba (0,0,0,0.7);
    -webkit- transform: rotate(-5deg);
}
#tb-nutri{
    width: :40%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid black;
}
th{
    background-color: #FFFFFF;
}
nav ul li{
    display: inline;
    margin-right: 50px;

}

#topo{
    text-align: center;
}