/*::selection {
  color: #fdf7fa;
  background: #f195ac;
}

::-moz-selection {
  color: #fdf7fa;
  background: #f195ac;
}
*/
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: url('../img/arrowhead-pointer.svg') 8 10, auto;
}

body {
  font-family: "Funnel Sans", sans-serif;
  background-color: #fefeff;
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  box-sizing: border-box;
  margin: 0;
  padding: 1.5rem;
  height: 100%;
  cursor: url('../img/arrowhead-pointer.svg') 8 10, auto;
}

a {
  cursor: url('../img/hand-pointer.svg') 8 10, auto;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }

  to {
    -webkit-mask-position: -50%;
  }
}

@keyframes shine {
  from {
    mask-position: 150%;
  }

  to {
    mask-position: -50%;
  }
}


@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@media screen and (max-width: 2322px) {
  html {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1820px) {
  html {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 1360px) {
  html {
    font-size: 0.6rem;
  }
}

@media screen and (max-width: 1118px) {
  html {
    font-size: 0.4rem;
  }
}