{"size": 1213, "ext": "js", "max_stars_repo_path": "src/templates/Post/styles.js", "max_stars_repo_name": "florlafuente/flor-site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/templates/Post/styles.js", "max_issues_repo_name": "florlafuente/flor-site", "max_issues_repo_issues_event_min_datetime": "2019-09-25T13:56:35.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T18:18:43.000Z", "max_forks_repo_path": "src/templates/Post/styles.js", "max_forks_repo_name": "florlafuente/flor-site", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 23, "max_forks_count": null, "avg_line_length": 19.564516129, "max_line_length": 42, "alphanum_fraction": 0.6306677659}
import React from "react"
import styled from "styled-components"

import { Link } from "gatsby"

export const StyledLink = styled(Link)`
  color: black;
  border-bottom: 3px solid #febed9;
  font-family: 'Poppins', sans-serif;
  padding: 3px;
  text-decoration: none;
`

export const PostWrapper = styled.article`
  border-bottom: 3px solid #febed9;
  box-sizing: border-box;
  color: black;
  font-family: 'Merriweather', serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 2;
  margin: 0 auto;
  max-width: 500px;
  padding: 9px 0 3px;
  width: 100%;

  & > figure {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
  }

  & > figure > img {
    max-width: 500px;
   object-fit: contain;
  }

  & > p > a, & > blockquote > a {
    color: black;
    border-bottom: 3px solid #febed9;
    padding: 3px;
    text-decoration: none;
  }

  & > p:first-of-type::first-letter {
    font-weight: bold;
    color: #febed9;
    padding: 0 6px 0 0;
    font-size: 3.38rem;
    line-height: 0.85;
    float: left;
    margin-top: 10px;
  }
`

export const Date = styled.div`
  font-family: 'Poppins', sans-serif;
  font-size: 0.8rem;
  text-align: center;
`