body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f4f4f9;
            display: flex;
            flex-direction: column;
            justify-items: center;
            margin: 0;
            padding: 1rem;
        }
        .test {
          margin: 1rem 0;
          padding: 1rem;
          border: 1px solid #009879;
        }

        #question {
          font-style: italic;
        }

        .pass {
          padding: 1px 8px;
          background-color: green;
          color: white;
          border-radius: 10px;
          margin-left: 4px;
          font-size: 9px;
        }

        .error {
          padding: 1px 8px;
          background-color: red;
          color: white;
          border-radius: 10px;
          margin-left: 4px;
          font-size: 9px;
        }

        .log {
          padding: 1rem 0;
          border: 1px solid red;
          font-family: 'Courier New', Courier, monospace;
          font-size: 0.7rem;
        }

        #result {
          margin-top: 0.5rem;
        }

        table {
            border-collapse: collapse;
            margin: 1rem 0;
            min-width: 400px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
            background-color: white;
            overflow: hidden;
            font-size: 0.8rem;
        }
        table thead tr {
            background-color: #009879;
            color: #ffffff;
            text-align: left;
        }
        table th, table td {
            padding: 12px 15px;
        }
        table tbody tr {
            border-bottom: 1px solid #dddddd;
        }
        table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }
        table tbody tr:last-of-type {
            border-bottom: 2px solid #009879;
        }
        table tbody tr:hover {
            background-color: #f1f1f1;
            cursor: default;
        }
        a {
            color: #009879;
            text-decoration: none;
            font-weight: bold;
        }
        a:hover {
            text-decoration: underline;
        }