<commit_before>* {
    box-sizing: border-box;
}

html {background: #EFFEFF}
html, body, main {height: 100%;padding: 0;margin: 0}
h1 {margin: 0}
a{ color: #fff}

.app {font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;}
.prList {margin: 0;padding: 0}
.prListItem {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    text-align: center;

    height: 27px;
    width: 27px;
}
.prLink {color: #0f0;padding: 5px;position: relative}
.prLink:visited {color: #c0c}
.prMoreInfo {
    background: rgba(0,0,0,0.5);
    color: #efefef;
    display: none;
    padding: 5px;

    position: absolute;
    left: 0.5em;
    top: 1em;
    width: 200px;
}
.prListItem:hover .prMoreInfo {display: inline}
.repo-title {display: inline-block;text-overflow: ellipsis;width: 150px;overflow: hidden}

/* Magical overrides */
.prList.lotsOfPRs .prListItem {height: 15px;width: 15px;margin: 1px;}
.prList.lotsOfPRs .prLink {font-size: 0.5em;padding:0;top: -3px}

.addRepoInput {
    border-radius: 20px;
    padding: 5px;
    margin: 0.5rem 1rem;
}

.app {
    width: 100%;
    position: relative;
}
.app-prompt,
.app-repositories{text-align: center}
.bubble {
    display: flex;
    flex-direction: column;
    justify-content: center;

    transition: all .5s ease;

    position: absolute;
    top: 0;
    left: 0;

    background: #333;
    border: 1px solid #000;
    border-radius: 50%;
    color: #fff;
    height: 150px;
    width: 150px;
}
.repository {transform: rotate(0deg) translateY(-250px);}
.repository:after {
    content: ' ';
    display: block;
    background: #333;
    width: 5px;
    margin: 0 auto;
    height: 150px;
    position: absolute;
    left: 50%;
    z-index: -2;
}

.notifications {
    background: rgba(255,255,255,.95);
    position: absolute;
    top: 5px;
    left: 5px;
}
.notification {
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
    width: 200px;
    padding: 1rem;
    margin: 5px;
}

@media (max-width: 700px) {
    .app {padding: 0.5rem;}
    .bubble {
        position: static;
        transform: none !important;
        width: 100%;
        text-align: left;
        border: 0;
        height: unset;
        margin-bottom: 1rem;
        border-radius: 0;
        padding: 1rem;
    }
    .bubble .repositoryInner {transform: none !important;}
    .repository:after {display: none;}
    .addRepoInput {margin: 0.5rem 0}
}<commit_msg>Giving those line things some drop shadow<commit_after>* {
    box-sizing: border-box;
}

html {background: #EFFEFF}
html, body, main {height: 100%;padding: 0;margin: 0}
h1 {margin: 0}
a{ color: #fff}

.app {font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;}
.prList {margin: 0;padding: 0}
.prListItem {
    background: #000;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    text-align: center;

    height: 27px;
    width: 27px;
}
.prLink {color: #0f0;padding: 5px;position: relative}
.prLink:visited {color: #c0c}
.prMoreInfo {
    background: rgba(0,0,0,0.5);
    color: #efefef;
    display: none;
    padding: 5px;

    position: absolute;
    left: 0.5em;
    top: 1em;
    width: 200px;
}
.prListItem:hover .prMoreInfo {display: inline}
.repo-title {display: inline-block;text-overflow: ellipsis;width: 150px;overflow: hidden}

/* Magical overrides */
.prList.lotsOfPRs .prListItem {height: 15px;width: 15px;margin: 1px;}
.prList.lotsOfPRs .prLink {font-size: 0.5em;padding:0;top: -3px}

.addRepoInput {
    border-radius: 20px;
    padding: 5px;
    margin: 0.5rem 1rem;
}

.app {
    width: 100%;
    position: relative;
}
.app-prompt,
.app-repositories{text-align: center}
.bubble {
    display: flex;
    flex-direction: column;
    justify-content: center;

    transition: all .5s ease;

    position: absolute;
    top: 0;
    left: 0;

    background: #333;
    border: 1px solid #000;
    border-radius: 50%;
    color: #fff;
    height: 150px;
    width: 150px;
}
.repository {transform: rotate(0deg) translateY(-250px);}
.repository:after {
    content: ' ';
    display: block;
    background: #333;
    box-shadow: 3px 0px 2px #ccc;
    width: 5px;
    margin: 0 auto;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -101px;
    z-index: -2;
}

.notifications {
    background: rgba(255,255,255,.95);
    position: absolute;
    top: 5px;
    left: 5px;
}
.notification {
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
    width: 200px;
    padding: 1rem;
    margin: 5px;
}

@media (max-width: 600px) {
    .app {padding: 0.5rem;}
    .bubble {
        position: static;
        transform: none !important;
        width: 100%;
        text-align: left;
        border: 0;
        height: unset;
        margin-bottom: 1rem;
        border-radius: 0;
        padding: 1rem;
    }
    .bubble .repositoryInner {transform: none !important;}
    .repository:after {display: none;}
    .addRepoInput {margin: 0.5rem 0}
}
{'fraction_non_alphanumeric': 0.14604058893752486, 'fraction_numerical': 0.05212892956625547, 'mean_word_length': 2.8728813559322033, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1306737', 'n_tokens_mistral': 2085, 'n_tokens_neox': 1871, 'n_words': 465}