:root {
  --chame-color: rgba(158, 231, 152, 1);
  --chame-color-eyes: rgba(158,231,152,1) ;
}

body,
html {
  background-color: rgba(255, 255, 255, 1);
  margin: 0px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#lottie {
  background-color: rgba(20, 20, 20, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
}

#mouse-container {
  width: 100%;
  height: 100%;
}

#mouse-container.active {
  cursor: url(../img/cursor_empty_32.png), url(../img/cursor_empty_32.cur), auto;
}

#cursor_preloader {
    cursor: url(../img/cursor_empty_32.png), url(../img/cursor_empty_32.cur), auto;
  position: absolute;
}

.chameleon_color {
  stroke: var(--chame-color);
  fill: var(--chame-color);
  transition: stroke 2s, fill 2s;
}

.chameleon_color_eyes {
  stroke: var(--chame-color-eyes);
  fill: var(--chame-color-eyes);
  transition: stroke 2s, fill 2s;
}

.mac_hidden .mac_arrow {
  display: none!important;
}

.default_hidden .default_arrow {
  display: none!important;
}