#custom_fonts {
  .content {
    .font-size-container, .header-font-container, .body-font-container {
      display: grid;

      .label {
        grid-area: label;

        font-weight: 700;
      }

      .input {
        grid-area: input;
      }
    }

    .header-font-container, .body-font-container {
      grid-template-columns: 2fr 3fr 5fr;
      grid-template-areas: "label input preview";
      margin-top: calculateRem(80);

      .preview {
        grid-area: preview;

        padding-left: calculateRem(90);

        .image-container {
          img {
            max-width: 100%;
          }
        }
      }
    }

    .font-size-container {
      grid-template-columns: 2fr 8fr;
      grid-template-areas: "label input";
    }
  }
}