header {
                background-color: #d6edff;
                padding: 5px 0px;
                text-align: center;
            }

          header h1 {
                font-size: 2em;
                 color: #9e1102;
                margin: 0;
            }

          header p {
                font-size: 1.5em;
                color: #666;
                margin-top: 5px;
            }

          ul.nav {
                margin-left: 0px;
                padding-left: 5px;
                list-style: none;
            }
            ul.nav a {
                display: block;
                width: 93%;
                padding:5px;
                background-color: #f4f4f4;
                border-top: 1px dashed #333;
                border-right: 1px dashed #333;
                border-left: 5px solid #333;
                text-decoration: none;
                color: #023b9e;
                font-size: 1.5em;
                font-weight: bold;
            }
            ul.nav li:last-child a {
                border-bottom: 1px dashed #333;
            }

          details {
            border: 1px solid #ccc;
            border-radius: 5px;
            padding: 5px;
            margin-bottom: 5px;
            cursor: pointer;
            font-size: 20px;
            }

           summary {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            outline: none;
            }

           details[open] {
            background-color: #d6edff;
            font-size: 18px;
            }

          details:not([open]) {
            background-color: #f9f9f9;
            font-size: 20px;
            }

           details[open] details[open] {
            background-color: #bde1fc;
            font-size: 15px;
            }

          details:checked {
            background-color: #f9f9f9;
            font-size: 20px;
            }

           details img {
               width: 100%;
              height: auto;
              display: block;
          }

          summary::-webkit-details-marker {
            color: #007bff;
            }

          summary::marker {
            color: #007bff;
            }

           .content-box {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px dashed #ddd;
            color: #555;
            font-size: 18px;
            }

          h1 {
            font-size: 1.5em;
            font-weight: bold;
            color: #9e1102;
            margin: 0;
            }