someone help me pretty please with a cherry on top

I finally found a layout that I like, the only problem is that I can't put music for some reason but I not sure if the problem is on the layout coding or maybe it is on my laptop cuz that trash is lagging a lot ;> So if anyone know what is happening I would be very happy

(Please tell me if the song is actully playing)

The layout code btw

<!-- (c) Layout created by peanutbuttercheerio (https://layouts.spacehey.com/layout?id=92584) -->

<style>

body{

background: url(https://64.media.tumblr.com/4ab666179e42c457a37e0b0c5a16d1a3/bff0dafb3623d420-13/s2048x3072/32447ac018091869984d16032eeb2463e12c04f0.jpg);

height: 100%;

background-position: center;

background-attachment: fixed;

background-repeat: no-repeat;

background-size: cover;

}

main{

   margin-top: 10px;

   background-color: rgba(1,1,1,0.4);

   border: 1px solid white;

   border-radius: 8px;

   box-shadow: 0 0 10px black;

   color: white;

   text-shadow: 1px 1px #292929;

}

nav .links li .icon{

content: url(https://64.media.tumblr.com/c9a50c26550c1afaf767bc021f4dcafd/47a4384795cbfe1a-6a/s75x75_c1/c0964943c74543ac8c0f62a837d7234110a57e44.gifv);

}

nav .links {

    background-color: transparent;

    padding: 3.5px 16px;

    text-align: center;

    margin-top: 10px!important;

    margin-bottom: 10px!important;

}

nav .links a {

    text-decoration: none;

    color: white;

    text-shadow: 0 0 2px #121826, 0 0 2px #96b2eb, 0 0 2px #96b2eb, 0 0 2px #96b2eb, 0 0 2px #96b2eb, 0 0 2px #96b2eb;

    font-size: max(0.98em, 12px);

}

font-family: "Times New Roman " , Times, serif;

font-size: 20px;

font-display: bold;

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {

    color: #445478;

    text-decoration: none;

    font-style: italic;

}

a {

    color: #5f729e;

    text-decoration: none;

}

:root {

  --logo-blue: rgba(255, 255, 255, 0.4);

    --headers: rgba(255, 255, 255, 0.4);

    --darker-blue: rgba(255, 255, 255);

    --lighter-blue: rgba(255, 255, 255, 0);

    --even-lighter-blue: ;

    --lightest-blue: ;

    --dark-orange: ;

    --light-orange:  rgba(255, 255, 255, 0);

    --even-lighter-orange: rgba(255, 255, 255);

}

nav .top .left .logo {

   width: 165px;

   height: 42px;

   filter: drop-shadow(2px 4px 6px black);

}

nav .top{

   margin-top: 10px;

   background-color: rgba(1, 1, 1, 0.4);

   background-size: cover;

   border: 1px solid white;

   border-radius: 5px;

   box-shadow: 0 0 8px black;

}

button, input {

   overflow: visible;

   background: white;

   color: black;

   border: none;

   box-shadow: 0 0 5px white;

   border-radius: 5px;

}

footer {

   text-align: center;

   font-size: 70%;

   margin: 10px 0 10px;

   padding: 10px 5px;

   background-color: transparent;

   color: white;

}

.comments-table td:first-child, .music-table td:first-child {

   background: #000000;

   text-align: center;

   font-weight: bold;

   width: 38%;

}

.comments-table td, .music-table td {

   background: #000000;

   vertical-align: top;

}

</style>