/* Show it is fixed to the top */
body {
  /* min-height: 75rem;*/
  padding-top: 4.5rem;
}

a {
	text-decoration: none;
}

em {
	font-style: italic;
}

.sticky-offset {
    top: 5rem;
    z-index: -1;
}

.offset {
    top: 5rem;
}

h1.anchor,
h2.anchor,
h3.anchor {
    padding-top: 4.5rem;
}

/*a:hover {
	text-decoration: underline;
}*/


.card {
  margin-bottom: 2rem;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin .form-control {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.course-list-group {
  padding: 0px;
  border: none;
  text-decoration: none;
}


h1.course-title {
  font-size: 5rem;
}

blockquote{
  font-size: 1.4em;
  width:60%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  padding:1.2em 30px 1.2em 75px;
  line-height:1.6;
  position: relative;
}

pre code {
  background: lightgrey;
  display: block;
  padding: 0.5rem;
  border-left: 5px solid gray;
}

.course-navigation {
  height: 90vh;
  overflow-y: auto;
}

#spinner-div {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.form-group {
  margin-bottom: 2em;
}