.header-container {
  z-index: 1;
}

.hero-section {
  display: -ms-grid;
  align-items: center;
  height: 100vh;
  display: grid;
}

.flow-wrapper-in-header {
  align-items: center;
  max-width: 36%;
  display: none;
}

#flow-hero-logo-header {
  width: 120px;
}

#cop26-hero-logo-header {
  font-size: 2.2em;
}

#flow-hero-logo {
  width: 100%;
}

.flow-wrapper {
  z-index: 3;
  -o-transition: .8s;
  width: 36vw;
  transition: all .8s;
  position: absolute;
  top: 35%;
  left: 10%;
}

.flow-wrapper-slide {
  align-items: center;
  width: 8vw;
  display: flex;
  position: fixed;
  top: 2%;
  left: 4%;
}

#flow-line {
  display: none;
}

.hero-elem-wrapper {
  position: absolute;
  inset: 0;
}

.hero-elem-container {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.hero-elem {
  -o-transition: 1s;
  transition: all 1s;
  position: absolute;
}

.hero-elem img {
  width: 100%;
}

.hero-cop26 {
  margin: 0;
  font-size: 5em;
}

canvas {
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

/*# sourceMappingURL=index.9b127fdf.css.map */