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

html {
    background: #e6e6e6;
    color: #333;
    font-family: sans-serif;
    line-height: 1.5;
}
html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.app {
    position: relative;
}

.dancefloor {
    height: 100%;
    padding-bottom: 2em;
    width: 100%;
}

footer {
    background: #ccc;
    bottom: 0;
    left: 0;
    padding: .5em;
    position: absolute;
    text-align: center;
    width: 100%;
}
footer small {
    font-size: 70%;
}

.square {
    background: hotpink;
    cursor: pointer;
    height: 4em;
    left: 50%;
    margin: -2em 0 0 -2em;
    position: absolute;
    top: 50%;
    width: 4em;
}
.square:hover .square__arrow--up,
.square:hover .square__arrow--right,
.square:hover .square__arrow--down,
.square:hover .square__arrow--left {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
}

.square__arrow--up,
.square__arrow--right,
.square__arrow--down,
.square__arrow--left {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 2;
    opacity: 0;
    position: absolute;
    text-align: center;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
}
.square__arrow--up:before,
.square__arrow--right:before,<commit_msg>Add transition styles to 'square'<commit_after>*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
    background: #e6e6e6;
    color: #333;
    font-family: sans-serif;
    line-height: 1.5;
}
html,
body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.app {
    position: relative;
}

.dancefloor {
    height: 100%;
    padding-bottom: 2em;
    width: 100%;
}

footer {
    background: #ccc;
    bottom: 0;
    left: 0;
    padding: .5em;
    position: absolute;
    text-align: center;
    width: 100%;
}
footer small {
    font-size: 70%;
}

.square {
    background: hotpink;
    cursor: pointer;
    height: 4em;
    left: 50%;
    margin: -2em 0 0 -2em;
    position: absolute;
    -webkit-transition: -webkit-transform 300ms;
            transition: transform 300ms;
    top: 50%;
    width: 4em;
}
.square:hover .square__arrow--up,
.square:hover .square__arrow--right,
.square:hover .square__arrow--down,
.square:hover .square__arrow--left {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
}

.square__arrow--up,
.square__arrow--right,
.square__arrow--down,
.square__arrow--left {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 2;
    opacity: 0;
    outline: none;
    position: absolute;
    text-align: center;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform;
}
.square__arrow--up:before,
.square__arrow--right:before,
{'fraction_non_alphanumeric': 0.14029569046870086, 'fraction_numerical': 0.03523120478137779, 'mean_word_length': 2.569023569023569, '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': '5474789', 'n_tokens_mistral': 1205, 'n_tokens_neox': 1093, 'n_words': 261}