/* TapHR project styles (GLOBAL) */


/* ======================================== */
/* BACKGROUND
/* ======================================== */

.background-forum {
  background-color: red;
}

.background-gradient-to-right {
  background-image: linear-gradient(to right, #FFE7D1, #FFE4E3);
  /* bg-gradient-to-r from-[#FFE7D1] to-[#FFE4E3] */
}

.background-gradient-to-left {
  background-image: linear-gradient(to left, #FFE7D1, #FFE4E3);
}


/* ======================================== */
/* for floating images/icons/items
/* ======================================== */
.floating-item {
  animation: animation-float 2s ease-in-out infinite;
}

.float-in-item {
  animation: animation-float-in 1.25s ease-out;
}

@keyframes animation-float {
  0%    { transform: translateY(0px); }
  50%   { transform: translateY(-10px); }
  100%  { transform: translateY(0px); }
}

@keyframes animation-float-in {
  0% 
  {
    transform: translateY(-35px); 
    opacity: 0%;
  }
  100% 
  { 
    transform: translateY(0px);
    opacity: 100%;
  }
}