html, body {
    overflow-x: hidden;
  }

  * {
  max-width: 100%;
  box-sizing: border-box;
}


.logo-shadow {
      filter: drop-shadow(0 0 12px white);
      transition: transform 0.3s ease;
    }
    .logo-shadow:hover {
      transform: scale(1.1);
    }
    .logo-shadow:active {
      transform: scale(0.95);
    }
    .glossy-title {
      color: white;
      text-shadow: 0 0 10px white, 0 0 20px #ccc;
    }

    @keyframes slideInRight {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slideOutRight {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}
.toast-animate-in {
  animation: slideInRight 0.5s ease-out forwards;
}
.toast-animate-out {
  animation: slideOutRight 0.5s ease-in forwards;
}

img, iframe {
  max-width: 100%;
  height: auto;
  display: block;
}