.block-table-header {
  margin-bottom: 10px;
}

.ip-input {
  display: inline-block;
  width: auto;
}

td .glyphicon {
  font-size: 20px;
}

.table-block .body {
  overflow-x: auto;
}
.table-block .body .label-margin {
  margin-bottom: 10px;
  display: inline-block;
}
.code {
  font-family: "Courier New", Courier, monospace;
  background-color: #eaeaea;
  padding: 10px;
  overflow: auto;
}

.url {
  word-break: break-all;
  font-style: italic;
  color: #08c;
}

.landing-container {
  min-height: calc(100vh - 126px);
  background: #59e68c;
  background: -moz-linear-gradient(top, #59e68c 0%, #22b586 49%, #2f936d 100%);
  background: -webkit-linear-gradient(
    top,
    #59e68c 0%,
    #22b586 49%,
    #2f936d 100%
  );
  background: linear-gradient(to bottom, #59e68c 0%, #22b586 49%, #2f936d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59e68c', endColorstr='#2f936d', GradientType=0);
  color: #ffffff;
  padding: 20px 15px;
}

.landing-container .intro-block a {
  color: #ffffff;
  font-style: italic;
}
.divide {
  margin: 0 10px;
  font-size: 18px;
  font-weight: bold;
}

/* Dark mode media block moved to bottom */
@media (prefers-color-scheme: dark) {
  .code {
    background-color: #333;
    color: #eee;
  }
  .landing-container {
    background: #2c7346;
    background: -moz-linear-gradient(
      top,
      #2c7346 0%,
      #115a43 49%,
      #184936 100%
    );
    background: -webkit-linear-gradient(
      top,
      #2c7346 0%,
      #115a43 49%,
      #184936 100%
    );
    background: linear-gradient(
      to bottom,
      #2c7346 0%,
      #115a43 49%,
      #184936 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7346', endColorstr='#184936', GradientType=0);
    color: #ffffff;
  }
}

.switch-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  font-size: 20px;
}

.switch-container a,
.switch-container a:hover {
  text-decoration: none;
  color: #444;
  padding: 5px 10px;
  font-weight: bold;
}
.switch-container a:hover {
  color: #000;
}

@media (prefers-color-scheme: dark) {
  .switch-container a,
  .switch-container a:hover {
    color: #ffffff;
  }
  .switch-container a:hover {
    background-color: #444;
  }
}