/* NAVBAR */
.navbar{
  background:linear-gradient(135deg,#0b3d91,#102e6a);
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 4px 15px rgba(0,0,0,0.2);
}

.navbar-brand{
  font-weight:700;
  letter-spacing:1px;
}

.navbar-nav .nav-link{
  color:#fff!important;
  padding:10px 15px;
  font-weight:500;
  position:relative;
  transition:.3s;
}

.navbar-nav .nav-link:hover{
  color:#ffd500!important;
}

.navbar-nav .nav-link::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:2px;
  background:#ffd500;
  transition:.3s;
}

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

/* DROPDOWN */
.dropdown-menu{
  border:none;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
  padding:8px 0;
  animation:dropdownFade .3s ease;
}

.dropdown-item:hover{
  background:#0b3d91;
  color:#fff;
  padding-left:26px;
}

.dropdown.position-static{
  position:static;
}

/* BUTTON */
.submit-btn{
  font-weight:600;
  border-radius:30px;
  padding:6px 16px;
  box-shadow:0 3px 10px rgba(0,0,0,0.25);
}

/* ANIMATION */
@keyframes dropdownFade{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}

/* FIXED NAVBAR */
.journal-navbar{
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
}