html, body {
  height: 100%;
  margin: 0;
}

body {
    font-family: Inter, Helvetica, Arial, sans-serif;
    display: flex;
    flex-direction: column;
}

.logo img {
  border-bottom: solid 1px lime;
  width:15em;
}

.logo {
  border-bottom: solid 1px #adff2f;
}

main {
  flex: 1;
  padding: 1rem;
  text-align: center;
}

h1 {
  font-size: 4em;
}

footer .footer-bottom {
   text-align: right;
   font-size: x-small;
   color: gray;
   padding: 1em;
}

footer {
  border-top: solid 1px greenyellow;
}