#page-loader.fade {
  opacity: 0;
  transition: opacity 0.5s ease;
}

.hero-section {
  background: linear-gradient(to right, #e0c3fc, #8ec5fc);
  position: relative;
  overflow: hidden;
}

.title-shadow {
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  letter-spacing: 1px;
}

.text-shadow {
  color: #fff;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
  font-weight: 500;
}