/* custom.scss */

#nav {
  background-color: #e3f2fd;
  /* background-color: data-bs-theme="dark"; */
}

/* .navbar {
  background-color: #b6dbf5;
} */

/* If navbar is with fixed-top - some body padding needed! */
body {
  padding-top: 70px;
}

/* https://css-tricks.com/hash-tag-links-padding/ */
h1::before {
  display: block;
  content: " ";
  margin-top: -70px;
  height: 70px;
  visibility: hidden;
  pointer-events: none;
}

.card-img-top {
  /* display: block; */
  /* width: 260px; */
}

/* .row {
  padding-top: 0px;
  padding-bottom: 0px;
} */

#card {
  color: rgb(107, 107, 207);
  background-color: white;
  /* text-align: center; */
  /* align-items: center; */
  /* align-content: center; */
  /* justify-content: center; */
  /* justify-items: center; */
}

#converterInput1,
#converterInput2,
.converterRowsGap {
  font-size: 16px;
}

.converterRowsGap {
  margin-bottom: 16px;
}

#ulNone {
  list-style: none;
}

#compatibilityImg {
  /* width: 800px; */
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}