body {
  font-family: var(--font-roboto-mono);
  font-size: 16px;
  color: var(--color-black);
  margin: 0;
  overscroll-behavior: none;
}

@media only screen and (max-device-width: 811px) {
  .content {
    padding-left: 28px;
    padding-right: 28px;
    margin-bottom: 60px;
  }
}

@media only screen and (min-device-width: 812px) {

  .main-content {
    min-height: 100vh;
    border: solid 10px var(--color-turquoise);
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
  }

  .content {
    width: var(--content-width);
    margin: auto;
  }
}

.designer-credit {
  padding: 10px;
  font-size: 14px;
  font-style: italic;
  font-family: Ru;
}