/* Typography */
body {
  font-family: "source-sans-pro", sans-serif;
  background-color: #F1F3F5;
  color:  #0A0F24;
  line-height: 1.6;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, .navbar-brand {
  font-family: "proxima-nova", sans-serif;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  font-weight: 400;
  font-style: italic;
}

/* Navbar */
.navbar {
  background-color:  #0A0F24;
  background: linear-gradient(135deg, #0A0F24, #00D1FF);
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.navbar .nav-link {
  color:  #F1F3F5;
}
.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: #00D1FF !important;
}

a {
  color: #00D1FF;
}
a:hover {
  color: #FF00E1;
}

/* Footer */
footer {
  background-color: #0A0F24;
  color: #F1F3F5;
}
footer a {
  color: #F1F3F5;
}
footer a:hover {
  color: #00D1FF;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

/* Responsive Tweaks */
@media (max-width: 767px) {
  h1.display-5 {
    font-size: 1.75rem;
  }
}

/* Social Icons */
.social {
font-size: 32px;
}

img {
  border-radius: 3px;
  border: 2px solid #0A0F24;
   box-shadow: 4px 2px 6px rgba(10, 15, 36, 0.2);
}