:root {
  /* --main-color: rgb(39, 204, 193); */
}

/************* GENERAL *************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}

/************* HEADER *************/
#header__hexagon {
  position: absolute;
  left: 0;
  z-index: 2;
  /* transform: translate(-120%, -30%); */
  -webkit-transform: translate(-30px, -60px);
          transform: translate(-30px, -60px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(19,99,177,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow( 0px 1px 2px rgba(19, 99, 177, .5));
          filter: drop-shadow( 0px 1px 2px rgba(19, 99, 177, .5));
  width: 16vw

}
@media all and (max-width: 1500px) {
  #header__hexagon {
    /* transform: translate(-75px, 30px); */
    display: none;
  }
  }