Sappy Tunes Playlist

<div class="sappytunes">
<input id="sappytunes" type="checkbox"/>
<div class="sthead">
<em class="th th-ello-o"></em>
<div class="sthright">
<span>nombreusuario</span>
<img class="sthicon" src="http://placehold.it/50"/>
</div>
</div>
<div class="stimg">
<span>sappy tunes</span>
</div>
<label class="stbot" for="sappytunes"></label>
<div class="stplaylist">
<!-- Start of song code -->
<div class="stsong">
<a href="LINK TO SONG">
<img src="https://placehold.it/50"/>
</a>
<div class="stsinfo">
<strong>Name of song</strong>
<em>Name of artist</em>
</div>
<span class="stsduration">00:00</span>
</div>
<!-- End of song code -->
</div>
</div>
<a href="https://necromancercoding.tumblr.com/" class="ncredit">NC</a>

<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,700;1,200&display=swap" rel="stylesheet"/><link href="https://dl.dropbox.com/s/ev0g9n9swut4k5q/sappytunes.css" rel="stylesheet"/><link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"/>
<style>.sappytunes { --bckg1: #f0f0f0; --bckg2: #f7f7f7; --bckg3: #fdfdfd; --bradius0:100%; --bradius1:30px; --bradius2:20px; --bradius3:10px; --accent1:#b68370; --accent2:#c26e56; --text:#555; --title:#fff; --shadow-d:1px 1px rgba(0,0,0,0.15), -1px 1px rgba(0,0,0,0.15), 1px -1px rgba(0,0,0,0.15), -1px -1px rgba(0,0,0,0.15); --img:url(https://64.media.tumblr.com/4b3374dd4b369b15a0e961cf82ebc357/tumblr_pexi8qWI3X1vbj1oa_1280.jpg); }</style>