HTML/CSS - Break Free Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Yass Queen</title>
    </head>
    <body>
        <div class=alert>
            <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
            This may or may not work on your mobile device.<br />
            To ensure the full experience of this audiovisual spectacle, please open using a PC device.<br />
            <b>Thanks in Advance!</b>
        </div>
        <h1>I want to break free</h1>
    <audio loop autoplay>
        <source src="https://www.dropbox.com/s/qq1f3d91iqszf7k/QUEEN-%20I%20Want%20To%20Break%20Free.mp3?dl=1&raw=1" type="audio/mpeg">
    Coolcat
    </audio>
    </body>
</html>

css

body {
    background-color:  linen;
    background-image: url("https://www.dropbox.com/s/viefpqqiezv1op6/source.gif?raw=1");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
    background-position:center;
}
h1{
    color: indigo;
    font-family: "Courier", Sans-serif;
    font-weight:900;
    font-size: 28pt;
    text-align:center;
    text-shadow:-5px 5px 10px  violet;
}
.alert {
    background-color:  white;
    font-family: "Lora", Serif;
    color:  black;
    font-size: 18pt;
    text-align: center;
    padding: 20px;
    position: absolute;
}
.closebtn{
    margin-left: 10px;
    font-weight: bold;

BROWSER

Console