:root {
  font-family: "Avenir Next", "Avenir", "Helvetica Neue", "sans-serif";
}

html,
body {
  padding: 0;
  margin: 0;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

#main-section {
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

#survey123-panel {
  width: 100%;
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

#ookla-panel {
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

.panel {
  position: absolute;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s linear;
}

.panel.hide {
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s linear;
  /*display: none;*/
}

.panel iframe {
  width: 100vw;
  min-height: 100vh;
}