Heart hover! ♡

<!-- CR Solielios for this menu. DO NOT REPUBLISH ANYWHERE ELSE PERIOD !!! -->

<style>
@font-face {
font-family: ink;
src: url(https://dl.dropbox.com/s/tyhvew6jpuzr8zm/BubblegumInk-Regular.ttf);
}

#ink {
font-family: ink;
}
</style>

<body>
<div id="ta1"><div id="starred"></div><center>

<div style=" width:200px; border:1px dashed #ffc7d1; padding:8px; font-size:20px;"><b>Slot 1!</b></div><p><br>

Text goes here!

<br></center></div>


<div id="ta2"><div id="starred"></div><center>

<div style=" width:200px; border:1px dashed #ffc7d1; padding:8px; font-size:20px;"><b>Slot 2!</b></div><p><br>

Text goes here!

<br></center></div>

<a href="https://limonysal.crd.co/"><img class=lim src="https://64.media.tumblr.com/531946e16c254d0f3f0982efadd14884/tumblr_inline_mkhtbi7qce1qz4rgp.png"></a>

</body>

<style>


#ta1 {
font-size:14px;
font-family: ink;
line-height:15px;
background:#ffc7d1;
width: 40px; height: 70px;
border-radius: 50px 50px 0px 0px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position:absolute;
overflow:hidden;
top:40px; left:40px;
-webkit-transition: all 0.8s ease-in-out;
z-index:999999;
}

#ta1:hover{
background:#fff;
width:250px; height:350px;
border-radius:5px;
border:1px solid #ffc7d1;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
z-index:9999999;
}

#starred{
padding-top:60px;
}

#ta2 {
font-size:14px;
font-family: ink;
line-height:15px;
background:#ffc7d1;
border-radius: 50px 50px 0px 0px;
width: 40px; height: 70px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
overflow:hidden;
top:40px; left:62px;
-webkit-transition: all 0.8s ease-in-out;
z-index:99999;}

#ta2:hover{
background:#fff;
width:250px; height:350px;
border-radius:5px;
border:1px solid #ffc7d1;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
z-index:9999999;
}

.lim {
position: fixed;
bottom: 10px;
left: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 10px;
height: auto;
}

</style>