To get you started, we added a script element that lets your JavaScript code interact with the webpage. We'll learn more about it later.

<html>
<head>
<style>
body { background-color: antiquewhite; color: black; font-family: "Courier New", Courier, monospace; text-align: center; }
p { font-size: 22px; border: solid 3px black; border-radius: 5px; padding: 7px 10px 7px 10px;}
.name { background-color: cornsilk; }
.character { background-color: mistyrose; }
</style>
</head>
<body>
<img src="https://mimo.app/i/super-villains-logo.png">
<p class="name">Username</p>
<p class="character">Character</p>
<script src="script.js"></script>
</body>
</html>]]>