/*colors
semi black #333333
purple #81367f
navy #2a364d
*/

/* GLOBAL STYLES
-------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
body {
  height: 100%;
  width: 100%;
  background: #0a1b2a;
  font-family: "Poppins", sans-serif;
  margin: 0px;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
main {
  margin-top: 150px;
}
.bg-dark {
  background-color: #0a1b2a !important;
}
.navbar-brand {
  margin-right: 26px;
}
.navbar-brand img {
  width: 140px;
}
.navbar-dark .navbar-nav .nav-link {
  color: white;
}
.nav-item a {
  font-size: 1.3rem;
  margin-right: 25px;
  font-weight: 500;
}
.nav-icon a {
  font-size: 32px;
  color: white;
  text-decoration: none;
  vertical-align: middle;
  margin-left: 10px;
}
.dropdown-item {
  margin-bottom: 10px;
  color: black !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}
.dropdown-item:active {
  background-color: #e8d8e8;
}

/* CUSTOMIZE THE FOOTER
-------------------------------------------------- */

.footer-style .container {
  position: relative;
  text-align: center;
  height: 9vh;
  display: flex;
  justify-content: center;
}
.footer-icon {
  position: absolute;
  top: 50%;
  margin-top: -24px;
}
.footer-icon a {
  font-size: 32px;
  color: white;
  margin: 0 7px;
  text-decoration: none;
}

/* RESPONSIVE CSS
-------------------------------------------------- */