Barra de Búsqueda "BLUE" Kawaii

Hola como están Tengo Tiempo que no Publico Entradas ni Tutoriales en el blog Hoy les vengo con 
una Barra de Búsqueda "BLUE" Kawaii

Abrimos un Javacrift/HTML y Colocamos el siguiente Codigo:

<style>

body {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYnlXqWOTn7SVQmt7OSrjiy-eQH1eKQPgyXDPTqFJXoNyoLP_4z0mowdLa-S3PSiYWXTIO-Q6QVPoVzqDP0BPxR36efOA0Q5n2LqjsSdJ4kmgoxxsPOeIyk4FrJjCIhrzg6COjwMaMaZ0/s1600/white_brick_wall.png);}

#MMCcut {background: #f0f0f0; padding: 7px; width: 180px; height: 57px; border: 1px dashed #00f0ff;}

#MMCcut input.field {font-family: Arial; color: #00f0ff; font-size: 9px; text-transform: uppercase; width: 150px; border: 1px solid #ddd; z-index: 1; height: 25px; padding-left:20px; background: #fff url(http://i122.photobucket.com/albums/o260/mhilka/minigifs/balaozinho22.gif) no-repeat 96% 50%;}

#MMCcut input.field:focus {background: #fff url(http://i122.photobucket.com/albums/o260/mhilka/minigifs/visitando.gif) no-repeat 96% 50%;}

#MMCcut input.submit {width:180px; height:25px; font-weight: normal; border: 1px solid #00f0ff; box-shadow: 1px 2px 0px #00f0ff; font-family: Arial; font-size: 9px; text-transform: uppercase; margin-top:3px; background:#fff; color:#00f0ff; border-radius: 222px;}

#MMCcut input.submit:active {box-shadow: -1px -1px 0px #ccc; border: 1px solid #eee; color: #ccc;}

</style>

<br /><br /><br />

<center>

<div id='MMCcut'>

<form action="/search" id='searchform' method="get">

<input class='field' name='q' type='text' value='Busca aqui!'/>

<input class='submit' type='submit' value='Buscar'/>

</form>

</div>

</center>

Lo guaran y Listo ^3^