body { font-family: 'Montserrat', sans-serif; }
.title-font { font-family: 'Playfair Display', serif; }
.bg-hero {
  background-image: linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.55)), url('https://images.unsplash.com/photo-1520250497591-1124a1c79be3?auto=format&fit=crop&w=1470&q=80');
  background-size: cover; background-position: center;
}

#hero-bg {
  will-change: transform;
}

.nav-link {
  position: relative;
  overflow: hidden;
}
.nav-link .underline-slide {
  display: block;
  position: absolute;
  left: 1.6rem;
  bottom: 0.5rem;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #F4B942, #FFDC80);
  border-radius: 2px;
  transition: width 0.3s;
  z-index: 0;
}
.nav-link:hover .underline-slide {
  width: 70%;
}
@keyframes slideInRight {
  from { right: -400px; opacity:0;}
  to { right: 0; opacity:1;}
}
.animate-slideInRight {
  animation: slideInRight 0.3s cubic-bezier(.5,.3,.4,1.3) forwards;
}