.blocks {
  width: 100%;
  height: 100%;
  min-width: 100vw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: start;
  align-content: start;

  &.wrap {
    flex-wrap: wrap;
  }

  .block-wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    --block-width: 1080px;

    .info {
      position: absolute;
      left: 10%;
      top: 10%;
      right: 10%;
      bottom: 10%;
      height: 80%;
      width: 80%;
      overflow: hidden;
      font-size: calc(var(--block-width) * 0.04);

      h1 {
        font-size: 4em;
        margin-bottom: 0.1em;
      }
      h2 {
        font-size: 2.5em;
        margin-bottom: 0.1em;
      }

      .hash {
        font-family: monospace;
        word-wrap: break-word;
        font-size: 1em;
        margin-bottom: 0.1em;
      }
    }
  }
}