@import url("fonts.css");
@import url("reset.css");
@keyframes rotate_circle {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes move_right {
  100% {
    transform: translateX(100px);
  }
}
@keyframes move_left {
  100% {
    transform: translateX(-100px);
  }
}
@keyframes move_up {
  100% {
    transform: translateY(-100px);
  }
}
@keyframes move_down {
  100% {
    transform: translateY(100px);
  }
}
@keyframes floating_effect {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -7.5%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
html {
  scroll-behavior: smooth;
}
html body {
  position: relative;
  background-color: #fff;
  overflow-x: hidden;
}