/* css styles */
/* Import fonts from Google's API */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Inconsolata:wght@300;400;500;600;700&display=swap');

h2, h3 {
  font-weight: bold;
}
/*
#navbarCollapse li.nav-item a { 
  font-weight: bold;
}

*/
.navbar {
font-family: 'Inconsolata';  
font-weight: bold;
}

.nav-item {
  text-transform: uppercase;
}

/* animated underline on hover, when navbar shows as row */
@media screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item {
    position: relative;
  }

  .navbar .navbar-nav .nav-item::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 2px solid transparent !important;
    border-color: white !important;
    transition: all ease-in-out 500ms !important;
    width: 0%;
    content: "";
    height: 4px;
    transition: all 0.3s;
  }

  .navbar .navbar-nav .nav-item:hover::after {
    width: 90%;
  }

  .navbar .navbar-nav .nav-link.active {
    border-bottom: 2px solid transparent !important;
    border-color: white !important;
  }

}

/* 
Twitter tweets
Align at center
*/
.twitter-tweet {
  margin: 10px auto !important;
}