<commit_before>body {
    font-family: "Source Sans Pro", sans-serif;
    margin: 0;
    padding: 0;
}

@keyframes slide-in {
    from {
        left: -100%;
    }
    to {
        left: 0;
    }
}

#background {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
}

.pad-animate {
    animation-name: flip;
    animation-duration: 1s;
}

#image {
    width: 132px;
    height: 132px;

    border-radius: 50%;
    border-style: solid;
    border-width: 8px;
    border-color: #D3D3D3;
}

.white {
    color: white;
}

.black {
    color: black;
}

@media screen and (min-width: 700px) {
    #foreground {
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 700px;
        margin: 0 auto;
        left: 0;
        right: 0;

        animation: slide-in 2s ease-in-out;
    }
    
    #image {
        pointer-events: all;
        float: left;
        top: 16px;
    }

    #text {
        text-align: left;

        padding-top: 16px;
        margin-left: 164px;
    }

    #profile {
        margin-top: 25%;
        margin-left: auto;
        margin-right: auto;
    }

    #buttons {
        position: absolute;
        width: 100%;
        bottom: 10%;

        font-size: 48px;
        text-align: center;
    }

    .button {
        pointer-events: all;
        padding-left: 20px;
        padding-right: 20px;

        text-decoration: none;
    }
}

@media screen and (max-width: 700px) {
    #foreground {
        position: absolute;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;

        /* animation: slide-in 2s ease-in-out; */
    }
}

#name {
    font-weight: 700;
    font-size: 64px;
    line-height: 0.9em;
}

#subtext {
    font-weight: 600;
    font-size: 24px;   
    font-style: italic;
}<commit_msg>Styling the buttons on :hover<commit_after>body {
    font-family: "Source Sans Pro", sans-serif;
    margin: 0;
    padding: 0;
}

@keyframes slide-in {
    from {
        left: -100%;
    }
    to {
        left: 0;
    }
}

#background {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
}

.pad-animate {
    animation-name: flip;
    animation-duration: 1s;
}

#image {
    width: 132px;
    height: 132px;

    border-radius: 50%;
    border-style: solid;
    border-width: 8px;
    border-color: #D3D3D3;
}

.white {
    color: white;
}

.black {
    color: black;
}

#buttons {
    position: absolute;
    width: 100%;
    bottom: 10%;

    font-size: 48px;
    text-align: center;
}

.button {
    pointer-events: all;
    padding-left: 20px;
    padding-right: 20px;

    text-decoration: none;
}

.fa-twitter-square:hover {
    line-height: 0.65em;
    border-radius: 50%;
    background-color: white;
    color: #4099FF;
}

.fa-linkedin-square:hover {
    line-height: 0.65em;
    border-radius: 50%;
    background-color: white;
    color: #007bb5;
}

.fa-github-square:hover {
    line-height: 0.65em;
    border-radius: 50%;
    background-color: white;
    color: black;
}

@media screen and (min-width: 700px) {
    #foreground {
        pointer-events: none;
        position: absolute;
        height: 100%;
        width: 700px;
        margin: 0 auto;
        left: 0;
        right: 0;

        animation: slide-in 2s ease-in-out;
    }
    
    #image {
        pointer-events: all;
        float: left;
        top: 16px;
    }

    #text {
        text-align: left;

        padding-top: 16px;
        margin-left: 164px;
    }

    #profile {
        margin-top: 25%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 700px) {
    #foreground {
        position: absolute;
        height: 100%;
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;

        /* animation: slide-in 2s ease-in-out; */
    }
}

#name {
    font-weight: 700;
    font-size: 64px;
    line-height: 0.9em;
}

#subtext {
    font-weight: 600;
    font-size: 24px;   
    font-style: italic;
}
{'fraction_non_alphanumeric': 0.13359722909450766, 'fraction_numerical': 0.046759030183077685, 'mean_word_length': 1.7243935309973046, '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': '5273695', 'n_tokens_mistral': 1627, 'n_tokens_neox': 1426, 'n_words': 339}