.flex-container {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin:0 auto;
  background-color: DodgerBlue;
  width: 100%; 
}

.streamSelect {
  gap: 1%;
  display: flex;
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;

  details {
    min-height: 106px; /* Prevents content shift */
      
    &[open] summary,
    &[open]::details-content {
      background: green;
    }

    &[open]::details-content {
      left: 0;
      position: absolute;
    } 
  }
}

table {
  display: flex;
  width: 70%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  border: 1px solid black;
}

table, th, td {
  border:1px solid black;
  padding: 5px;
  border-radius: 0.25em;
}

.flex-starter {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin:0 auto;
  background-color: #edfef3;
  width: 100%; 
}