/* Slide and hide styles for transitions */
.slide-out-left {
  animation: slideOutLeft 0.5s forwards;
}
.slide-in-right {
  animation: slideInRight 0.5s forwards;
}
.slide-out-right {
  animation: slideOutRight 0.5s forwards;
}
.slide-in-left {
  animation: slideInLeft 0.5s forwards;
}
@keyframes slideOutLeft {
  to { transform: translateX(-100vw); opacity: 0; }
}
@keyframes slideInRight {
  from { transform: translateX(100vw); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
@keyframes slideOutRight {
  to { transform: translateX(100vw); opacity: 0; }
}
@keyframes slideInLeft {
  from { transform: translateX(-100vw); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
.welcome-btn {
  min-width: 90px;
  margin: 7px 7px;
  font-size: 1rem;
  border-radius: 25px;
  padding: 5px 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
.hide {
  display: none !important;
}