newjeans crditem carrd main code

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Mali:wght@400;600&display=swap" rel="stylesheet">

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<!-------MUSIC PLAYER BY GLENTHEMES------->
<script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>

<style>

html {
height: 100vh;
width: 100vw;
font-size: 16px;
position: fixed;
display: flex;
align-items: center;
justify-content: center;
}

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

/* music player !!!!*/

#glenplayer02 {
position: absolute;
bottom: 10px;
left: 10px;
display:flex;
z-index:200;

}
#glenplayer02 a {text-decoration:none;}

#glenplayer02 > div {
align-self:center;
-webkit-align-self:center;
}

.music-controls {
user-select:none;
-webkit-user-select:none;
width:25px;
font-size:25px;

cursor:pointer;
}

.playy, .pausee {
transition: 2.3s;
color: #fff;
-webkit-text-stroke: 0.5px black;
text-stroke: 0.5px black;
filter: drop-shadow(1px 1px 0 #383838) drop-shadow(-1px 1px 0 #383838) drop-shadow(0 2px 0 #383838) drop-shadow(0 -1px 0 #383838) ;

opacity: 0;

} /* color of play & pause buttons */

.pausee {display:none;}

.sonata {
margin-left:10px;
color:#222; /* color of music note symbol */
}

.labeltext {
margin-left:8px;
font-family:courier new;
font-size:9px;
color:#222; /* color of song title */
}

/* end music player !!! */

@font-face {
font-family: lovesong;
src: url(https://dl.dropbox.com/s/gxv6scjl5kdbhlj/MfLoveSong.ttf);
}

@font-face {
font-family: cerl;
src: url(https://dl.dropbox.com/s/vaz4fe5yzk1uiku/CHERL___.TTF);
}

#cont {
width: 18em;
height: 350px;
border-radius: 12px;
overflow: hidden;
position: relative;
left: 2em;
bottom: -1em;
box-shadow: rgba(0, 0, 0, 0.8) 0 0 0.425em 0.25em, rgba(0, 0, 0, 0.85) 0 0 0.375em inset;
background: linear-gradient( to top, #color, #ffffff, #color);

}

.inside {
transition: 1.3s;
position: relative;
width: auto;
height: 100%;
left: -19%;
filter: drop-shadow(1px 1px 0 #383838) drop-shadow(-1px 1px 0 #383838) drop-shadow(0 2px 0 #383838) drop-shadow(0 -1px 0 #383838) ;
}

#name {
opacity: 0.7;
color: white;
font-family: cerl;
text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 10px black;
position: absolute;
top: 12%;
font-size: 3.12em;
right: 7%;
-webkit-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

#cont:hover .inside{
left:-45%;
}

#cont:hover #scroll {
right: 5%;
}

#cont:hover {
animation: blur 2s ease-in-out alternate;

}
@keyframes
blur {
from { webkit-filter: blur(2px);
filter: blur(2px);
}
}

#cont:hover .playy , .pausee {
opacity: 1;

}

#scroll {
transition: 2s;
width: 62%;
height: 210px;
position: absolute;
z-index: 99;
font-family: 'Mali', cursive;
background: #FFFFFF9C;
border: 1px solid white;
top: 30%;
right: -70%;
font-size: 13px;
padding: 7px;
border-radius: 9px;
text-align: center;
overflow: scroll;
}

mark {
background: linear-gradient( to top, #color, #ffffff, #color);
border-radius: 6px;
border: 1px solid #383838;
padding-left: 3px;
padding-right: 3px;
}

</style>

<div id="cont">

<img class=inside src="image link">
<div id="name"> Name </div>

<div id="scroll"> <mark>info </mark> <br></br> info info info <br></br>

<strong><mark>before u follow</mark></strong> info info info info info
<br></br>

<strong><mark>do not follow if</mark></strong> info info info info info
<br></br>

<strong><em>kpop</em></strong> info info info info info info info <br></br>

<strong><em>text goes here</em></strong> info info info info info info info
</div>

<div id="glenplayer02">
<div class="music-controls" onclick="songstart();">
<div class="playy">►</div>
<div class="pausee">❚❚</div>
</div>
<div class="sonata"> </div>
<div class="labeltext"></div>
</div><!--end music player-->

<audio id="tune" src="song link"audio"></audio>
</body>

<div class="labeltext"> </div>

</div>