html, body, header, div {
  margin: 0;
  padding: 0;
}

body {
  background-color: black;
}

.main {
  text-transform: uppercase;
  position: relative;
}

h1 {
  color: #a651f5;
  opacity: 0.8;
  font-size: 20vw;
  line-height: 2rem;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

h2 {
  color: #13bef7;
  font-size: 11vw;
  /*line-height: 50px;*/
  opacity: 0.8;
  position: absolute;
  margin-top: -8.5%;
  margin-left: 7%;
  text-align: right;
  overflow-wrap: anywhere;
}

#kolibri {
  position: absolute;
  right: 5%;
  max-width: 70%;
  top: 15rem;
}

/*#plus {
    position: absolute;
    margin-top: 0;
    margin-left: -40%;
}*/
@media only screen and (min-width: 950px) {
  h1 {
    font-size: 20vw;
    line-height: 50px;
  }
  h2 {
    line-height: 50px;
  }
  #kolibri {
    top: 17rem;
  }
  /*#plus {
        position: absolute;
        margin-top: 0;
        margin-left: -40%;
    }*/
}

@media only screen and (min-width: 2250px) {
  #kolibri {
    top: 25rem;
  }
}
/*# sourceMappingURL=style.css.map */