s="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <div class="circle"></div>
  <style>
    .action {
      position: fixed;
      top: 20px;
      right: 30px;
    }
    .heading {
  text-align: center; /* Center the text */
  font-size: 3.5em; /* Increase the size of the heading */
  color: #2c3e50; /* A darker shade for better contrast */
  margin-top: 18rem; /* Maintain the top margin */
  font-family: 'Georgia', serif;