iframe {
  height: 300px;
}
body {
  white-space: initial;
}

#navbar {
  position: fixed;
  top: 0px;
  background-color: white;
  width: 100%;
  height: 40px;
  padding: 20px;
  left: 0px;
  font-size: 3rem;
  color: black;
  display: flex;
  align-items: center;
  box-shadow: rgb(55 53 47 / 9%) 0px 1px 0px;
}
#navbar a {
  font-size: 0.8rem;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji",
    "Segoe UI Symbol";
  text-decoration: none;
}
#navbar div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: none;
}
#navbar span[role="img"] {
  font-size: 0.5em !important;
  margin: 20px;
}
#navbar span {
  font-size: 0.8rem;
  margin: 20px;
}

#navbar .nested {
  width: auto
}

summary {
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  body {
    margin-top: 100px;
    font-size: 100% !important;
  }
  a {
    font-size: 100% !important;
  }
  p {
    font-size: 100% !important;
  }
  h3 {
    font-size: 125%  !important;
  }
  h2 {
    font-size: 150%  !important;
  }
  h1 {
    font-size: 200%  !important;
  }
  li {
    font-size: 100% !important;
  }
  #navbar {
    height: 100px;
  }
  #navbar a {
    font-size: 35px !important;
  }
  #navbar span {
    font-size: 35px !important;
  }
  #navbar .nested {
    width: 40%
  }

  #navbar span[role="img"] {
    font-size: 1em !important;
  }
  
  header .page-header-icon {
    font-size: 10rem !important;
  }
  iframe {
    height: 400px;
  }
  .column-list {
    flex-direction: column;
  }
  .column-list .column {
    width: 100% !important;
  }
  span[role="img"] {
    font-size: 1em !important;
  }
  .page-body .icon {
    font-size: 2em !important;
  }
  .override {
    font-size: 100% !important;
  }
}