<style>

body {
    background:white;
    font-family:times;
}

h1 {
    background:white;
    color:black;
}

h2 {
    background:white;
    color:black;
}

summary {
    background:white;
    color:blue;
    text-decoration: underline;
}

details {
    background:white;
    color:black;    
}

details[open] > summary {
    color:purple;
}

</style>
</head>
<body>

<h1>Page Title</h1>

<h2>Page Subtitle</h2>

<p>Website Introduction</p>

<details>
  <summary>My Top 5 Movies</summary>
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ol>
</details>

<details>
  <summary>My Top 5 Musical Artists</summary>
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ol>
</details>

<details>
  <summary>My Top 5 TV Shows</summary>
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ol>
</details>

<details>
  <summary>My Top 5 YouTubers</summary>
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ol>
</details>

<details>
  <summary>My Top 5 Books</summary>
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ol>
</details>

</body>
</html>