.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: 5%;
      top: 5%;
      right: 5%;
      bottom: 5%;
      height: 90%;
      width: 90%;
      font-size: calc(var(--block-width) * 0.03);
      text-shadow: 0 0 calc(var(--block-width) * 0.05) black;

      h1 {
        font-size: 3em;
        line-height: 1;
        margin-bottom: calc(var(--block-width) * 0.03);
      }
      h2 {
        font-size: 1.5em;
        line-height: 1;
        margin-bottom: calc(var(--block-width) * 0.03);
      }

      .hash {
        font-family: monospace;
        word-wrap: break-word;
        font-size: 1.2em;
        line-height: 1;
        margin-bottom: calc(var(--block-width) * 0.03);
      }
    }
  }

  .block-container {
    overflow: hidden;
  }
}