th {
  font-size: 1.1rem;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  align-content: center;
  border: 1px solid green;
  padding: 10px;
  height: 1em;
}

table {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  max-width: 85%;
  border: 1px solid cyan;
  border-collapse: collapse;
  max-height: 90%;
}

td {
  border: 1px solid black;
  padding: 10px;
  /* width: 50%; */
  font-size: 0.8rem;
  height: 20px;
}

button {
  color: aliceblue;
  background-color: darkcyan;
  border-radius: 8px;
}

/* Container for flexboxes */
.container {
  display: flex;
  /* flex-wrap: wrap; */
}

.embed-container {
  flex: content;
}

/* Create four equal columns */
.column {
  flex: 75%;
  padding: 20px;
}

iframe {
  width: 960px;
  height: 540px;
}



/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .container {
    flex-direction: column;
    width: 95%;
  }

  .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }

  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  * {
    font-size: 1rem;
  }
}