:root {
  --navy:rgb(14,28,42);
  --navyLt:rgb(29,68,119);
  --yellow:rgb(251,172,24);
  --red:#e33;
}
nav.bg-primary {
  background: linear-gradient(135deg, #091522 0%, #112540 40%, #163058 70%, #0e2038 100%) !important;
  border-bottom: 2px solid rgba(243,174,28,.3);
  box-shadow: 0 2px 24px rgba(0,0,0,.55);
}
.navbar .navbar-toggler { border: none; }
.navbar .navbar-toggler-icon { filter: invert(1); }
.nav-link {
  color: rgba(255,255,255,.55) !important;
  font-size: .9rem;
  padding: 6px 12px !important;
  border-radius: 6px;
  transition: background .15s, color .15s;
}
.nav-link:hover { color: #fff !important; background: rgba(255,255,255,.07); }
.nav-link.active {
  color: #000 !important;
  font-weight: 800;
  background: linear-gradient(104deg, #f8c964 5%, #f3ae1c 94%);
  box-shadow: 0 2px 10px rgba(243,174,28,.3);
}

section.container.vdn{padding-bottom:0.5em;}
.vdn{border:1px solid var(--red); border-radius:15px; padding:0.5em 1.5em;}
.vdn .col-1{padding:0 3px;}
.vdn .col-11{padding-left:3px;}
.vdn i{width:40px; text-align:left;}

main .container{padding-bottom:2em;}
.container > div{margin-bottom:1rem !important;}

h1{color:var(--navy); font-variant:all-small-caps;}
h2{color:var(--yellow); font-variant:all-small-caps; margin-top:5px;}
h3{color:white; font-variant:all-small-caps; font-weight:normal; font-size:1.3em;}
a{color:var(--navy); text-decoration:none;}

.btn{padding-bottom:0.44rem}
.btn-primary{background-color:var(--navy); border-color:var(--navy);}
.btn-primary:hover{background-color:var(--navyLt);}
.btn-outline-primary{color:var(--navy); border-color:var(--navy);}
.btn-outline-primary:hover{background-color:var(--yellow); color:var(--navy);}

.list-group-item.active{background-color:var(--navy);}
.list-group small{color:#666;}

h3 small{font-size:0.8em; float:right; position:relative; right:0.75rem; top:4px;}
.progress{height:4em; font-weight:bold; font-style:italic; border-radius:2em; border:3px solid #47d; background-color:var(--navy);}
.progress .progress-bar{background-color:var(--yellow); color:var(--navy); font-size:1.6em; border-radius:1em; border:4px solid var(--navy);}

.list-group-item{color:var(--navy); background-color:white; border-color:var(--navy);}
.list-group-item:hover{background-color:var(--yellow);}

label.form-label{margin-bottom:0.1rem !important;}

.pic{width:100%; aspect-ratio:1/1; border-radius:50%; object-fit:cover; border:4px solid var(--yellow);}

.tabs{display:flex;}
.tabs .tab{padding:5px 8px; border-bottom:2px solid #ccc; width:50%;}
.tabs .tab.seld{border-bottom:2px solid var(--navy); font-weight:bold;}
.tabs .tab:not(.seld):hover{cursor:pointer; background-color:var(--yellow); border-bottom-color:var(--navy);}