html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 6em;
}

#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.cover-title {
  font-weight: 700;
}

.jumbotron {
  background-position: center;
  background-size: cover;
}

.alert > *:last-child {
  margin-bottom: 0;
}

.img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* These make our code blocks look prettier */
div.highlight,
pre.highlight {
  border-radius: 0.25rem;
}

pre.highlight {
  padding: 0.75rem;
}

.carousel-control-prev.dark,
.carousel-control-next.dark {
  transition: 0.3s;
}

.carousel-control-prev.dark:hover,
.carousel-control-next.dark:hover {
  background-color: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.card-hover {
  transition: all 0.15s;
}

.card-hover:hover {
  transform: translateY(-1px);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
}