html {
	min-height: 100vh;
	position: relative;
}
body {
	padding-bottom: 3em;
}
footer {
	position: relative;
	top: 50px;
	width: 100%;
	height: 3em;
	z-index: -1;
}
.bg-black {
	background-color: #242a30;
}

.info-block {
  background-color: #cfe2fe;
  padding: 1rem 1rem;
}

.dark-mode-transition {
	transition: background-color .30s ease-in-out, color .30s ease-in-out;
}

@media (prefers-color-scheme: dark) {
  .info-block {
    background-color: rgb(69, 91, 123) !important;
  }
  .bg-light {
    background-color: #343a40 !important; /* bg-dark color */
  }
  .bg-red {
    background-color: #ff0000 !important; /* bg-dark color */
  }
  .bg-white {
    background-color: #242a30 !important; /* bg-black color */
  }
  .text-dark {
    color: #f8f9fa !important; /* light color */
  }
  .nav-link {
    color: #ffffff80 !important;
  }
  .nav-link.active {
    color: #ffffff !important;
  }
  #mode-switch {
    display: none;
  }
}