body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  .card {
    max-width: 400px;
    width: 100%;
  }

  
/* https://coolors.co/palette/000814-001d3d-003566-ffc300-ffd60a */


nav{
  background-image: radial-gradient(#003566,#0c3259);
  color:aliceblue;
}

.navbar-toggler{
  float: right
}

.btn{
  border-color: #FFD60A;
  color: #FFD60A;
  background-color:#003566;

}

.btn:hover{
  background-color: #FFD60A;
  color: #003566;
  border-color: #FFD60A;
}

.btn:focus{
  background-color: #FFD60A;
  color: #003566;
  border-color: #FFD60A;
}

.btn:active{
  background-color: #FFD60A;
  color: #003566;
  border-color: #FFD60A;
}
.footer{
  background-image: radial-gradient(#003566,#0c3259);
}

#footer-links:hover{
  text-shadow: 0 0 5px #e4e6f4;
}
.btn-outline-success:active{
  border-color: #FFD60A;
  color:#FFD60A
}


#ribbon-nav .nav-link.active {
  color: #6c757d;       /* Bootstrap muted gray */
  text-decoration: underline;
  font-weight: 475;
}

.card{
  transition: all .3s ease-in-out
}

.card:hover{ 
  scale:1.03;
}