{"size": 1878, "ext": "js", "max_stars_repo_path": "src/styles/GlobalStyle.js", "max_stars_repo_name": "KKaranja/react-js-and-styled-components-portifolio", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/styles/GlobalStyle.js", "max_issues_repo_name": "KKaranja/react-js-and-styled-components-portifolio", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/styles/GlobalStyle.js", "max_forks_repo_name": "KKaranja/react-js-and-styled-components-portifolio", "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": 23.475, "max_line_length": 55, "alphanum_fraction": 0.554313099}
import { createGlobalStyle } from "styled-components";

const GlobalStyle = createGlobalStyle`
 :root{
    --primary-color: #007bff;
    --primary-clor-light:#057FFF;
    --secondary-color: #6c757d;
    --background-dark-color: #10121A;
    --background-dark-color-2: #191D2B;
    --border-color: #2e344e;
    --background-light-color: #F1F1F1;
    --background-light-color-2: rgba(3,127,255,.3);
    --white-color: #FFF;
    --font-light-color: #a4acc4;
    --font-dark-color: #313131;
    --font-dark-color-2: #151515;
    --sidebar-bg-color: #383838;
    --sidebar-thump-color: #6b6b6b;
    --scrollbar-track-color: #191D2B;

}

    *{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        list-style: none;
        text-decoration: none;
        font-family: 'Nunito', sans-serif;
        font-size: 1.08rem;
        /* border: 2px solid red; */
    }
    body{
        background-color: var(--background-dark-color);
        color: var(--font-light-color);   
    }
    /**Custom scroll bar for the site */
    body::-webkit-scrollbar{
        width: 8px;
        background-color: #383838;
    }
    body::-webkit-scrollbar-thumb{
        border-radius: 10px;
        background-color: #6b6b6b;
    }
    body::-webkit-scrollbar-track{
        border-radius: 10px;
        background-color: #383838;
    }

      /** End of Custom scroll bar for the site */

    a{
        font-family: inherit;
        color: inherit;
        font-size: 14px;
    }
    h1{
        color: var(--white-color);
        font-size: 3rem;
        span{
            font-size: 3rem;
        }
    }
    span{
        color: var(--primary-color);
    }
    h6{
        color: var(--white-color);
        font-size: 1.2rem;
        padding-bottom: .6rem;
    }
    /* Utilities */
    .u-margin-bottom{
        margin-bottom: 4rem;
    }
`;

export default GlobalStyle;
