body,
html {
  background-color: blue;
  color: white;
  font-family: "Apercu Regular", "Apercu", Calibri, sans-serif;
  font-size-adjust: 0.508;
  font-weight: 100;
  font-style: normal; }

article {
  background-image: linear-gradient(blue, #0bfbaf);
  overflow: hidden; }

.logo {
  font-size: 0.5em; }

@media screen and (min-width: 640px) {
  body,
  html {
    font-size: 36px; }

  article {
    padding: 5em; }

  .tiny-type {
    font-size: 0.5em; } }
@media screen and (max-width: 640px) {
  body,
  html {
    font-size: 22px; }

  article {
    padding: 2em; }

  .tiny-type {
    font-size: 0.7em; } }
.title {
  letter-spacing: 0.5em; }