Satu Posting sbg Satu Syarat

Hajnya sekedar posting untuk memenuhi persyaratan awal agar bisa otak-atik template blogger.
Contoh kode css:body {
    font:normal 86%  Courier New, Monospace, Monaco, Courier New;
    padding:0;
    margin:0;
    /*  background:#eee; */
}
a {
    color:#a86;
    transition:3.5s ease-in-out;
    -o-transition:3.5s ease-in-out;
    -ms-transition:3.5s ease-in-out;
    -moz-transition:3.5s ease-in-out;
    -webkit-transition:3.5s ease-in-out;
}
a:hover {
    color:red;
}
h1 {
    font-size:110px;
    margin:0;
    text-align:center;
    padding:0;
    text-shadow:-2px 2px #555, -2px -2px #444, 2px -2px #444, 2px 2px #444, -14px 14px 10px #444;
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=235, Color='#000000');  
}
#mybox {
    position:relative;
    height:490px;
    /*  background:#aaa; */
}

.inbox {
    position:absolute;
    top:10px;
    width:250px;
    height:250px;
    border-radius:125px;
    text-align:center;
    font:bold 30px Times New Roman;
    line-height:240px;
    text-indent:-40px;
    animation:anima infinite 6s ease alternate;
    -o-animation:anima infinite 6s ease alternate;
    -ms-animation:anima infinite 6s ease alternate;
    -moz-animation:anima infinite 6s ease alternate;
    -webkit-animation:anima infinite 6s ease alternate;
}
@keyframes anima {
    0% {left:0;transform:rotate(-160deg) scale(0.4);color:#fff;background:rgba(250, 5, 0, 0.8);}
    30% {left:70%;transform:rotate(110deg);color:yellow;background:rgba(50, 55, 255, 0.6);text-shadow:0 0 4px #000;}
    100% {left:37%;transform:rotate(-390deg);color:green;background: rgba(255, 255, 255, 0.6);text-shadow:4px 4px 4px #000;font-size:70px;box-shadow:-1px -1px 0 #000, 8px 8px 12px #333;}
}
@-o-keyframes anima {
    0% {left:0;-o-transform:rotate(-160deg) scale(0.4);color:#fff;background:rgba(250, 5, 0, 0.8);}
    30% {left:70%;-o-transform:rotate(110deg);color:yellow;background:rgba(50, 55, 255, 0.6);text-shadow:0 0 4px #000;}
    100% {left:37%;-o-transform:rotate(-390deg);color:green;background: rgba(255, 255, 255, 0.6);text-shadow:4px 4px 4px #000;font-size:70px;box-shadow:-1px -1px 0 #000, 8px 8px 12px #333;}
}
@-ms-keyframes anima {
    0% {left:0;-ms-transform:rotate(-160deg) scale(0.4);color:#fff;background:rgba(250, 5, 0, 0.8);}
    30% {left:70%;-ms-transform:rotate(110deg);color:yellow;background:rgba(50, 55, 255, 0.6);text-shadow:0 0 4px #000;}
    100% {left:37%;-ms-transform:rotate(-390deg);color:green;background: rgba(255, 255, 255, 0.6);text-shadow:4px 4px 4px #000;font-size:70px;box-shadow:-1px -1px 0 #000, 8px 8px 12px #333;}
}
@-moz-keyframes anima {
    0% {left:0;-moz-transform:rotate(-160deg) scale(0.4);color:#fff;background:rgba(250, 5, 0, 0.8);}
    30% {left:70%;-moz-transform:rotate(110deg);color:yellow;background:rgba(50, 55, 255, 0.6);text-shadow:0 0 4px #000;}
    100% {left:37%;-moz-transform:rotate(-390deg);color:green;background: rgba(255, 255, 255, 0.6);text-shadow:4px 4px 4px #000;font-size:70px;box-shadow:-1px -1px 0 #000, 8px 8px 12px #333;}
}
@-webkit-keyframes anima {
    0% {left:0;-webkit-transform:rotate(-160deg) scale(0.4);color:#fff;background:rgba(250, 5, 0, 0.8);}
    30% {left:70%;-webkit-transform:rotate(110deg);color:yellow;background:rgba(50, 55, 255, 0.6);text-shadow:0 0 4px #000;}
    100% {left:37%;-webkit-transform:rotate(-390deg);color:green;background: rgba(255, 255, 255, 0.6);text-shadow:4px 4px 4px #000;font-size:70px;box-shadow:-1px -1px 0 #000, 8px 8px 12px #333;}
}