#ban{background:url(../gf6/ban10.png)}
#rama{width:840px;height:600px;position:relative;top:220px;left:79px;border:solid 1px;border-radius:9px;background:#FFF;pointer-events:none}
#spr {position:absolute;top:60px;left:320px;animation:spring 1.5s;animation-timing-function:ease}
@keyframes spring {
0% {transform:scale(1) translateY(0)}
10% {transform:scale(1.2,.6)}
30% {transform:scale(0.8,1.1) translateY(-45px)}
50% {transform:scale(1) translateY(0)}
100% {transform:translateY(0)}
}
.img{position:absolute;top:335px;left:280px;border:12px solid #00f;width:430px;height:335px;border-radius:50px;overflow:hidden;z-index:5}
.morph{transition:all 1s ease}
.morph:hover{border:12px solid #0a0;border-radius:40%}
#morfus{background:url(../gf6/heart.png);position:relative;left:340px;top:203px;width:80px;height:74px}
#wrapper {position:absolute;width:775px;height:400px;margin-left:110px;margin-top:-320px}
#h1{position:absolute;width:630px;top:780px;margin-left:22%;z-index:5;font-weight:900;font-size:32px;font-family:'Courier New',Courier New}