/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

body {
  /* font-family: 'Cutive Mono', monospace; */
  font-family: 'Overpass Mono', monospace;

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Overpass Mono', monospace;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  color: #666;
}


<!-- .header  div {
  outline: 1px solid;
}

.header {
  align-items: center;
  outline: 1px solid;
}

.header .logo {
  padding: 0;

}



.header .uk-grid>.uk-grid-margin {
    margin-top: 0;
}

.header .uk-grid {
  margin: 0;
}

.header-desc {
  padding-left: 10px;
}

.header-text {
  padding: 0;
    width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} -->

.uk-logo {
  padding: 0;
}

.uk-logo img {
  max-height: 30px;
}

.uk-logo .uk-icon-button {
  color: #333;
  background: #fff;
}

.main-viewport {
  min-height: calc(100vh - 120px);
  position: relative;
}

.uk-pagination {
  justify-content: center;
}

.footer {
    position: absolute;
    width: calc(100% - 80px);
    bottom: -40px;
    /* left: 0; */
    margin-left: -40px;
    padding: 0 40px;
}