[music player] kyomoto

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">

<!---------- © FIOREFAE ---------->

<script src="https://static.tumblr.com/zark1bx/0dlrqoyhu/kyomotoplayer.js"></script>

<style>
/*-------- © FIOREFAE --------*/

#kyoPlayer {
display: flex;
align-items: center;
justify-content: center;
width: 1.3rem;
height: 1.3rem;
border: 0.09rem solid #ffd6dc;
border-radius: 30rem;
background: linear-gradient(#ffffff, #ffe8ec);
box-shadow: inset -13px 0px 6px -10px rgb(146 146 146 / 5%), inset 0px -13px 6px -12px rgb(84 84 84 / 30%);
}


#musicControls {
/*****
add this code if you're going to replace the icons with symbols or texts:

user-select: none;
-webkit-user-select: none;

remove this comment if not
******/

font-size: 0.65rem;
color: #FFF9F9;
-webkit-text-stroke: 0.05rem #e6bfc5;
}
</style>

<div id="kyoPlayer">
<div id="musicControls">
<div class="playy" style="margin-left: 0.09rem;">
<i class="fas fa-play"></i>
</div>
<div class="pausee" style="display: none;">
<i class="fas fa-pause"></i></div>
</div>
</div>

<audio id="myMusic" src="https://cdn.discordapp.com/attachments/957960883374526546/1078620843355164692/Madeleine"></audio>