body
{
    height: 100%;
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
}

.content
{
    min-height: 100vh; 
    margin: 0; 
}

header
{
    padding: 3em;
    text-align: center;
    max-width: 800px;  
}

main
{
    padding: 1em;
    padding-bottom: 5em;
    max-width: 700px;
    margin: 0 auto;
}

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #160d77;
  padding: 0.3em 1em;
  display: flex;
  justify-content: space-between;
}

footer > span {
  display: flex;
  gap: 16px;
}

a {
  color: white;
  font-size: small;
  line-height: 1.6;
  text-transform: uppercase;
  text-decoration: none;
}

.store-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 3em;
}

.store-badge {
  display: inline-block;
  vertical-align: middle;
}

.store-badge.google {
  width: 200px;
}

.store-badge.apple {
  width: 178px;
}

.store-badge img {
  width: 100%;
}

@media only screen and (max-device-width: 600px) {
  .store-badge.google {
    width: 50%;
  }
  
  .store-badge.apple {
    width: 44.5%;
  }
}