.brand-title{
  color:#f8fafc;
  transition:color .25s ease;
}

.floating-logo{
  animation:float 3s ease-in-out infinite;
}

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

.nav-underline{
  position:relative;
}

.nav-underline::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:2px;
  width:0;
  background:#10b981;
  opacity:.9;
  transition:width .18s ease;
}

.nav-underline:hover::after{
  width:100%;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:#2F4F4F;
  border-bottom:1px solid #243d3d;
  box-shadow:0 8px 22px rgba(15,23,42,.24);
}

.site-header .brand-title{
  color:#f8fafc !important;
}

.site-header a{
  color:#f8fafc !important;
  text-decoration:none;
}

.site-header a:hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.12) !important;
}

.site-header .nav-underline::after{
  background:#9ee8d8;
}