↳ ❝ [roman numerals] ¡! ❞

<style>

a.one, a.one{
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
font-size: 30px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

a.one:link, a.one:visited {
color: #fff;
}

a.one:hover, a.one:active {
webkit-filter: blur(1px); /* Chrome, Safari, Opera */
filter: blur(1px);
}

</style>
<a class="one" href="#home">♥︎</a>
</body>
</html>

—————

<style>

a.one, a.one{
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
font-size: 30px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

a.one:link, a.one:visited {
color: #fff;
}

a.one:hover, a.one:active {
webkit-filter: blur(1px); /* Chrome, Safari, Opera */
filter: blur(1px);
}

</style>
<a class="one" href="#one">I.</a>
</body>
</html>

—————

<style>

a.two, a.two{
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
font-size: 30px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

a.two:link, a.two:visited {
color: #fff;
}

a.two:hover, a.two:active {
webkit-filter: blur(1px); /* Chrome, Safari, Opera */
filter: blur(1px);
}

</style>
<a class="two" href="#two">II.</a>
</body>
</html>

—————

<style>

a.three, a.three{
text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, 0 0;
font-size: 30px;
font-weight: bold;
text-align: center;
text-decoration: none;
}

a.three:link, a.three:visited {
color: #fff;
}

a.three:hover, a.three:active {
webkit-filter: blur(1px); /* Chrome, Safari, Opera */
filter: blur(1px);
}

</style>
<a class="three" href="#three">III.</a>
</body>
</html>