<style>
@import url('https://use.fontawesome.com/releases/v5.14.0/css/all.css');
:root {
--image: url(https://f4.bcbits.com/img/a0827197921_10.jpg);
--cspacing: 10px;
--blur: 1; /* switch to 0 to disable */
--backgroundimg: 1; /* switch to 0 to disable, for the background on the text area */
--textcolor: black;
--mplayer: 1; /* switch to 0 to fix hidden music player layout */
}
html, body {
display: flex;
align-items: center;
background-color:
}
</style>
<div class="flip-card" tabindex="0">
<div class="flip-card-inner">
<div class="flip-card-front">
<span>hover / click</span>

</div>
<div class="flip-card-back">
<span style="display: flex; gap: var(--cspacing); max-height:190px">
<div class="left">
—— __<b>names</b> <b><i>:</i></b>__ <b>mallory</b> , <b>mal</b> , <b><i>sake</i></b> , <i>sawyer</i> , saw , dove , nyomi , thron , fauna , fawn , <i>sincerity</i> , angel , ange , valentine , valerie , val , soul , swan , ares , phos , desiree , scarlet , hana , rawi , rai , ray , silk , silki , ai , dollia , dollya
</div>
<div class="right">
<div class="top">
—— __<b>key</b> <b><i>:</i></b>__ okay … <i>use more please</i><b>fav</b>
</div>
<div class="bottom">
<a href="https://bundlrs.cc/wxs">back</a> <b></b> <a href="https://bundlrs.cc/nyancat">main</a> <b></b> <a href="https://pronouns.cc/@poet">prns.cc</a> <b></b> <a href="https://orion.stellular.net/ovall">credit</a><b></b> — hi <a href="https://bundlrs.cc/kanade">luci</a>, <a href="https://bundlrs.cc/vell">vell</a>, <a href="https://bundlrs.cc/ankasa">jake</a>, <a href="https://bundlrs.cc/souls">isa</a> and <a href="https://bundlrs.cc/mii">selene</a><i>!</i>
</div>
</div>
</span>
<span>
<div id='musicplayer'>
<div id='musicpixel'>
<img src='https://files.catbox.moe/bn3rc7.gif'>
<div class='overlay'>
<div class='playpause'><i class="fas fa-play"></i></div>
Cancel
Delete