Use code as logo

Hi.

I have made myself a box with som text with this code:

<div style="width: 320px; padding: 20px 0px 0px 0px; background: /* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #5F7300 0%, #879B1E 100%); /* mozilla firefox */
background-image: -moz-linear-gradient(top, #5F7300 0%, #879B1E 100%); /* opera */
background-image: -o-linear-gradient(top, #5F7300 0%, #879B1E 100%); /* webkit (safari/chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5F7300), color-stop(1, #879B1E)); /* webkit (chrome 11+) */
background-image: -webkit-linear-gradient(top, #5F7300 0%, #879B1E 100%); /* w3c markup, ie10 release preview */
background-image: linear-gradient(to bottom, #5F7300 0%, #879B1E 100%); background-color: #73870a; border: 0px solid #464646; moz-border-radius: 60px; webkit-border-radius: 60px; border-radius: 60px 60px 60px 60px;">
<p style="text-align: center;"><span style="color: white;"><span style="font-family: georgia,palatino; font-size: 60px;"><a href="https://tornaia.com/">La Tornaia</a></span></span></p>
</div>

and I want to use it as a logo for my site. At the moment I have the same logo, but its made in paint, so I can’t have any effects on the text (like changing color with hoover or whatever). So how can I use this box as my logo?

I use the Rumput Hijau theme.

Thank you!