h8 {
    color: #00000;
    font-size: 0.8em;
    font-style: bold;
    text-align: right;
}

h9 {
    color: #00000;
    font-size: 0.7em;
    font-style: italic;
}

h14 {
    color: #00000;
    font-size: 0.8em;
    text-decoration: none;
    
}

.container {
  width: 50%;
  height: 410px;
  border: 2px solid #000000;
  margin: 20px auto;
  display: flex; /* Makes the container a flex container */
  justify-content: space-between; /* Distributes space evenly between and around items */
}

.left-panel,
.right-panel {
  flex: 1; /* Allows both panels to share the available space equally */
  padding: 20px;
  border: 1px solid #ccc;
}

.left-panel {
  background-color: #f1f1f1;
  opacity: 0.6;
  align-text: left;
  justify-content: left;
}

.right-panel {
  background-color: #f1f1f1;
  opacity: 0.6;
  justify-content: center;
}

iframe {
  width: 100%;
  height: 100%;
  border: none; /* Removes the default iframe border */
  display: block; /* Ensures it behaves like a block element */ 
}