{"size": 703, "ext": "js", "max_stars_repo_path": "src/components/TutorialSection/TutorialStyle.js", "max_stars_repo_name": "SebastianTarka/gatsby", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/TutorialSection/TutorialStyle.js", "max_issues_repo_name": "SebastianTarka/gatsby", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/TutorialSection/TutorialStyle.js", "max_forks_repo_name": "SebastianTarka/gatsby", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 21.96875, "max_line_length": 57, "alphanum_fraction": 0.6159317212}
import styled from 'styled-components'
;
const StartTutorial = styled.section`
    display: inline-block;
    width: 100%;
    background-color: #2f00ff;
    padding: 40px;
`;
const TutorialTitle = styled.h3`
    font-size: 32px;
    width: 70%;
    padding-top: 40px;
    color: #fff;
    margin-left: 70px;
    @media (max-width:550px){
        width: 100%;
        margin-left: 10px;
    }
`;
const TutorialParagraph = styled.p`
    font-weight: 100;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-left: 70px;
    width: 70%;
    color: #fff;
    @media (max-width:550px){
        width: 100%;
        margin-left: 10px;
    }
`;
export {StartTutorial, TutorialTitle, TutorialParagraph} 