<commit_before>import * as React from 'react'
import { Step } from '../../types'
import {
  getBackendTutorials,
  getFrontendTutorials,
} from '../../utils/tutorials'
import Stack from '../Steps/Stack'

interface Props {
  location: any
  steps: { [key: string]: Step[] }
}

export default function ContentOverview({ location, steps }: Props) {
  const frontendTutorials = getFrontendTutorials(steps)
  const backendTutorials = getBackendTutorials(steps)
  return (
    <section>
      <style jsx={true}>{`
        section {
          background-color: #fafafa;
        }
        .content-overview {
          @p: .center;
          max-width: 1280px;
        }
        p {
          @p: .tc, .mt38;
        }
        .bordered {
          @p: .bb, .bt, .bBlack10, .bw2, .flex, .mt60;
        }
        .overview {
          @p: .flex;
        }
        .block {<commit_msg>fix content overview spacing<commit_after>import * as React from 'react'
import { Step } from '../../types'
import {
  getBackendTutorials,
  getFrontendTutorials,
} from '../../utils/tutorials'
import Stack from '../Steps/Stack'

interface Props {
  location: any
  steps: { [key: string]: Step[] }
}

export default function ContentOverview({ location, steps }: Props) {
  const frontendTutorials = getFrontendTutorials(steps)
  const backendTutorials = getBackendTutorials(steps)
  return (
    <section>
      <style jsx={true}>{`
        section {
          @p: .pt0;
          background-color: #fafafa;
        }
        .content-overview {
          @p: .center;
          max-width: 1280px;
        }
        p {
          @p: .tc, .mt38;
        }
        .bordered {
          @p: .bb, .bt, .bBlack10, .bw2, .flex, .mt60;
        }
        .overview {
          @p: .flex;
        }
        .block {
{'fraction_non_alphanumeric': 0.13781512605042018, 'fraction_numerical': 0.01288515406162465, 'mean_word_length': 1.9040650406504065, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2543639', 'n_tokens_mistral': 616, 'n_tokens_neox': 588, 'n_words': 139}