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

figure {
  margin: 0;
}

.runabout {
  border: 1px solid transparent;
  border-radius: 10px;
}

.table tr.is-selected {
  background-color: #66dfff;
  color: #000;
}

.card {
  border: 2px solid #66dfff;
}

.footer {
  background-color: #3e8ed0;
  color: #000;
  padding: 3rem;
}

.footer a {
  color: #ffffff;
}

a.odi {
  color: #420042;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: clip;
  }
}

.hero-body {
  background: linear-gradient(-45deg, #284270, #00bcd4, #3e8ed0, #2196f3);
  background-size: 400% 400%;
  animation: gradient 30s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}