body {
  margin-top: 0;
  display:  grid;
  font-family: Impact,Helvetica,SansSerif;

}

h1, h2, h3, h4, h5, h6 {
  color: #444444;
  margin-top: 10px;
}

nav.navbar {
  background-color: #9400D3;
}

.site-header navbar .nav-link {
  color: #9400D3;
}

.site-header .navbar-nav .nav-link:hover {
  color: #ffffff;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.button:hover {
  color:#E6E6FA;
  /*background-color: #9400D3;*/
  border-color: gray;

}

.btn-primary:hover {
  color:#E6E6FA;
  /*background-color: #9400D3;*/
  border-color: gray;
}

.container {
  background-color: #E6E6FA;
  border: none;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}