/* assets/css/custom.css */

/* iPhone Notch Navbar Style */
.iphone-notch {
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
}
.iphone-notch::before, .iphone-notch::after {
  content: '';
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  pointer-events: none;
}
.iphone-notch::before {
  left: -20px;
  border-top-right-radius: 20px;
  box-shadow: 10px -10px 0 0 rgba(0,0,0,0.4);
}
.iphone-notch::after {
  right: -20px;
  border-top-left-radius: 20px;
  box-shadow: -10px -10px 0 0 rgba(0,0,0,0.4);
}

/* Animations */
@keyframes splitTextUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}