text: import styled from 'styled-components'
  
  export const Container = styled.article`
    /* Prism theme */
    code[class*='language-'],
    pre[class*='language-'] {
      width: 100%;
      height: 100%;
      color: #f8f8f2;
      background: none;
      text-shadow: 0 1px rgba(0, 0, 0, 0.3);
      font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
      font-size: 12px;
      text-align: left;
      white-space: pre;
      word-spacing: normal;
      word-break: normal;
      word-wrap: normal;
      line-height: 1.5;
  
      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4;
  
      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
    }
  
    /* Code blocks */
    pre[class*='language-'] {
      padding: 1em;
      margin: 0;
      overflow: auto;
      border-radius: 0;
    }
  
    :not(pre) > code[class*='language-'],
    pre[class*='language-'] {
      background: #272822;
    }
  
    /* Inline code */
    :not(pre) > code[class*='language-'] {
      padding: 0.1em;
      border-radius: 0.3em;
      white-space: normal;
    }
  
    .token.comment,
    .token.prolog,
    .token.doctype,
    .token.cdata {
      color: slategray;
    }
  
    .token.punctuation {
      color: #f8f8f2;
    }
  
    .namespace {
      opacity: 0.7;
    }
  
    .token.property,
    .token.tag,
    .token.constant,
    .token.symbol,
    .token.deleted {
      color: #f92672;
    }
  
    .token.boolean,
    .token.number {
      color: #ae81ff;
    }
  
    .token.selector,
    .token.attr-name,
    .token.string,
    .token.char,
    .token.builtin,
    .token.inserted {
      color: #a6e22e;
    }
  
    .token.operator,
    .token.entity,
    .token.url,
    .language-css .token.string,
    .style .token.string,
    .token.variable {
      color: #f8f8f2;
    }
  
    .token.atrule,
    .token.attr-value,
    .token.function,
    .token.class-name {
      color: #e6db74;
    }
  
    .token.keyword {
      color: #66d9ef;
    }
  
    .token.regex,
    .token.important {
      color: #fd971f;
    }
  
    .token.important,
    .token.bold {
      font-weight: bold;
    }
    .token.italic {
      font-style: italic;
    }
  
    .token.entity {
      cursor: help;
    }
  `
  