<commit_before>.cc {
    display: table;
    justify-content: center;
    height: 100vh;
    width: 40%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}

.background {
    background: url(http://www.murraymitchell.com/wp-content/uploads/2012/01/dark_mountain_ranges.jpg) no-repeat scroll center center;
    background-size: cover;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    
    .overlay {
        width: inherit;
        height: inherit;
        background: rgba($base01, 0.96);
    }
}

.main {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
    
    .avatar {
        max-width: 150px;
        max-height: 150px;
        border-radius: 50%;
        display: block;
        overflow: hidden;
        border: 2px solid $base02;
        margin: 20px auto;
        margin-top: 0;
        transition: all .3s ease;
        
        &:hover {
            border-radius: 0;
        }
        
        img {
            width: 100%;
            height: 100%;
        }
    }
    
    .me {
        margin: 10px auto;
        padding: 30px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }
    
    .contacts, .pages {
        .splitter {
            display: none;
        }
        
        .item {
            display: inline-block;
            
            a {
                font-size: 1.3rem;
                margin: 0 10px;
                display: block;
                color: $base04;
                
                &:hover {
                    color: $base08;
                }
            }
        }
    }
    
    .h-splitter {
        border-top: 1px solid $base02;
        margin: 7px auto;
        display: block;
        min-width: 90px;
        max-width: 90px;
    }
}

@media screen and (max-width: 960px) {
    .cc {
        width: 60%;
    }
}

@media screen and (max-width: 560px) {
    .cc {
        width: 80%;
    }
    
    .main .me {
        margin: 10px 0;
        padding: 20px 0;
    }
    
    .pages .item {
        display: block !important;
        margin: 10px auto;
    }
    
    .splitter {
        display: block !important;
        width: 50%;
        margin: 5px auto;
        height: 1px;
    }
}<commit_msg>CSS: optimization commit<commit_after>.cc {
    display: table;
    justify-content: center;
    height: 100vh;
    width: 40%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}

.background {
    background: url(http://www.murraymitchell.com/wp-content/uploads/2012/01/dark_mountain_ranges.jpg) no-repeat scroll center center;
    background-size: cover;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: absolute;
    
    .overlay {
        width: inherit;
        height: inherit;
        background: rgba($base01, 0.96);
    }
}

.main {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
    
    .avatar {
        max-width: 150px;
        max-height: 150px;
        border-radius: 50%;
        display: block;
        overflow: hidden;
        border: 2px solid $base02;
        margin: 20px auto;
        margin-top: 0;
        
        img {
            width: 100%;
            height: 100%;
        }
    }
    
    .me {
        margin: 10px auto;
        padding: 30px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }
    
    .contacts, .pages {
        .splitter {
            display: none;
        }
        
        .item {
            display: inline-block;
            
            a {
                font-size: 1.3rem;
                margin: 0 10px;
                display: block;
                color: $base04;
                
                &:hover {
                    color: $base08;
                }
            }
        }
    }
    
    .h-splitter {
        border-top: 1px solid $base02;
        margin: 7px auto;
        display: block;
        min-width: 90px;
        max-width: 90px;
    }
}

@media screen and (max-width: 960px) {
    .cc {
        width: 60%;
    }
}

@media screen and (max-width: 560px) {
    .cc {
        width: 80%;
    }
    
    .background {
        background: $base00;
    }
    
    .main .me {
        margin: 10px 0;
        padding: 20px 0;
    }
    
    .pages .item {
        display: block !important;
        margin: 10px auto;
    }
    
    .splitter {
        display: block !important;
        width: 50%;
        margin: 5px auto;
        height: 1px;
    }
}
{'fraction_non_alphanumeric': 0.11380753138075314, 'fraction_numerical': 0.04142259414225941, 'mean_word_length': 1.257318224740321, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '4916834', 'n_tokens_mistral': 1725, 'n_tokens_neox': 1524, 'n_words': 358}