lovespace menu 1

<div id="nav" align="center">
<img src="https://media.discordapp.net/attachments/1000687398008660080/1013383567746805861/menu.png" class="title">
<a href="#home">home</a>
<br>
<a href="#about">about</a>
<br>
<a href="#rules">rules</a>
</div>

<style>
@font-face {
font-family: tebal;
src: url(https://dl.dropbox.com/s/7hl5zpktyp1p2cs/tebal.ttf);
}

#nav {
width: 80px;
height: 102px;
padding: 7px 3px 7px 3px;
border-radius: 3px;
border: 0.75px solid #E0AFB6;
background: linear-gradient(#bd8088, #fff);
overflow: hidden;
}

#nav a {
text-decoration: none;
color: #fff;
font: 15px tebal;
-webkit-text-stroke: 0.4px #bd8088;
line-height: 1.3;
box-shadow: inset 0 0 0 0 transparent;
transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}
#nav a:hover {
color: #bd8088;
-webkit-text-stroke: 0.4px #fff;
box-shadow: inset 100px 0 0 0 transparent;
}

.title {
filter: drop-shadow(0.5px 0.5px 0 white) drop-shadow(-0.5px 0.5px 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -0.5px 0 white) drop-shadow(0 0.5px 0.7px white) drop-shadow(0 -0.5px 0.7px white) drop-shadow(0.5px -0.5px 0.7px white) drop-shadow(-0.5px -0.5px 0.7px white);
width: 63px;
height: 22px;
}
</style>