main {
  padding: 10px;
  flex: 1;
}

.main-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

a {
  color: #00B7FF;
}

nav {
  padding: 12px;
  border-bottom: 1px solid black;
}

footer {
  padding: 12px;
  border-top: 1px solid black;
}

.top-round-rainbow {
  border-radius: 4px;

  background-image: repeating-linear-gradient(to right,
      #c4e17f 0px, #c4e17f 50px,
      #f7fdca 50px, #f7fdca 100px,
      #fad071 100px, #fad071 150px,
      #f0766b 150px, #f0766b 200px,
      #db9dbe 200px, #db9dbe 250px,
      #c49cdf 250px, #c49cdf 300px,
      #6599e2 300px, #6599e2 350px,
      #61c2e4 350px, #61c2e4 400px);
  background-size: 100% 10px;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 600px) {
  .last-checked {
    font-size: 10px;
  }
}