<commit_before>import styled from '@emotion/styled';
import { transitions } from 'polished';
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import media from '../../utils/media';

const Container = styled.header`
    align-items: center;
    background-color: #f9f9f9;
    background-size: cover;
`;

const MainWrap = styled.div`
    position: relative;
    bottom: 0;
    text-align: center;
    color: #555;
    display: flex;
    justify-content: space-between;
    width: 720px;
    margin: 0 auto;
    align-items: center;
    padding: 10px 0;
    > p {
        font-size: '12px'
    }
    ${media.phone`
        width: 100%;
    `};
`;

const HomeNav = styled(Link)`
    display: flex;
    text-decoration: none;
    color: #555;
    font-size: 16px;
    align-items: center;
    img{
        width: 32px;
        height: 32px;
    }
`;

const H1 = styled.h1`
    ${transitions('color .15s ease')};
    text-align: center;
    margin: 0;
    font-size: 16px;
    ${media.phone`
        padding-left: 5px;
        width: 100%;
    `};
`;

const Menu = styled.div`<commit_msg>chore: adjust home nav margin<commit_after>import styled from '@emotion/styled';
import { transitions } from 'polished';
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import media from '../../utils/media';

const Container = styled.header`
    align-items: center;
    background-color: #f9f9f9;
    background-size: cover;
`;

const MainWrap = styled.div`
    position: relative;
    bottom: 0;
    text-align: center;
    color: #555;
    display: flex;
    justify-content: space-between;
    width: 720px;
    margin: 0 auto;
    align-items: center;
    padding: 10px 0;
    > p {
        font-size: '12px'
    }
    ${media.phone`
        width: 100%;
    `};
`;

const HomeNav = styled(Link)`
    display: flex;
    text-decoration: none;
    color: #555;
    font-size: 16px;
    align-items: center;
    ${media.phone`
        margin-left: 10px;
    `};
    img{
        width: 32px;
        height: 32px;
    }
`;

const H1 = styled.h1`
    ${transitions('color .15s ease')};
    text-align: center;
    margin: 0;
    font-size: 16px;
    ${media.phone`
        padding-left: 5px;
        width: 100%;
    `};
`;

const Menu = styled.div`
{'fraction_non_alphanumeric': 0.14552562988705472, 'fraction_numerical': 0.03475238922675934, 'mean_word_length': 2.4219910846953936, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '6701463', 'n_tokens_mistral': 855, 'n_tokens_neox': 796, 'n_words': 204}