<commit_before>.home {
    top: 50px;
}

.chat-rooms {
    position: fixed;
    top: 50px;
    left: 0px;
    bottom: 0px;
    width: 320px;
    background-color: rgba(128, 128, 128, 0.5);
}

.chat-rooms-title {
    margin: 20px 15px 0px 10px;
    font-weight: bold;
    font-size: 3rem;
    float: left;
}

.chat-rooms button {
    margin-top: 25px;
}

.chat-rooms ul {
    margin-top: 10px;
    margin-left: 5px;
    list-style: none;
}

.chat-rooms ul a {
    text-decoration: none; 
}

.chat-room {
    margin-left: 330px;
    margin-right: 10px;
    margin-top: 55px;
    
}

.chat-room ul {
    height: calc(100vh - 180px);
    overflow-y: scroll;
}

.list-group-item-gray {
    background-color: lightgray;
}

.chat-room-form {
    position: fixed;
    left: 320px;
    right: 0px;
    bottom: 0px;
    height: 100px;
    display: inline-block;
}

.chat-room-form .message {
    resize: none;
    height: 50px;
    width: calc(100vw - 400px);
    /*width: 90%;*/
    margin-left: 10px;
    margin-top: 25px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.chat-room-form button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: fixed;
    margin-top: 25px;
    height: 50px;
    box-shadow: none;
    border: solid .5px gray;
}

.chat-rooms-collapsed {
    display: none;
    position: fixed;
    top: 50px;
    left: 0px;
    bottom: 0px;
    width: 40px;
    background-color: rgba(128, 128, 128, 0.5);
}

.chat-rooms-collapsed-icon {
    height: 50%;
    position: relative;
}

.chat-rooms-collapsed-icon span {
    margin-left: 15px;
    position: absolute;
    bottom: 0;
}

.chat-rooms-collapsed:hover {
    cursor: pointer;
}

@media (max-width: 768px) {

    .rotate,
    .rotate-back,
    .slide-in,
    .slide-out {
        transition: 0.5s;
    }

    .rotate {
        transform: rotate(180deg);
    }

    .rotate-back {<commit_msg>Alter color palette and change menu opacity and z-index.<commit_after>.home {
    top: 50px;
}

.chat-rooms {
    position: fixed;
    top: 50px;
    left: 0px;
    bottom: 0px;
    width: 320px;
    background-color: #a8a9bd;
    z-index: 3;
}

.chat-rooms-title {
    margin: 20px 15px 0px 10px;
    font-weight: bold;
    font-size: 3rem;
    float: left;
}

.chat-rooms button {
    margin-top: 25px;
}

.chat-rooms ul {
    margin-top: 10px;
    margin-left: 5px;
    list-style: none;
}

.chat-rooms ul a {
    text-decoration: none; 
}

.chat-room {
    margin-left: 330px;
    margin-right: 10px;
    margin-top: 55px;
    
}

.chat-room ul {
    height: calc(100vh - 180px);
    overflow-y: scroll;
}

.list-group-item-gray {
    background-color: #a8a9bd;
}

.chat-room-form {
    position: fixed;
    left: 320px;
    right: 0px;
    bottom: 0px;
    height: 100px;
    display: inline-block;
}

.chat-room-form .message {
    resize: none;
    height: 50px;
    width: calc(100vw - 400px);
    margin-left: 10px;
    margin-top: 25px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.chat-room-form button {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: fixed;
    margin-top: 25px;
    height: 50px;
    box-shadow: none;
    border: solid .5px gray;
    background-color: #a8a9bd;
}

.chat-rooms-collapsed {
    display: none;
    position: fixed;
    top: 50px;
    left: 0px;
    bottom: 0px;
    width: 40px;
    background-color: #a8a9bd;
    z-index: 3;
}

.chat-rooms-collapsed-icon {
    height: 50%;
    position: relative;
}

.chat-rooms-collapsed-icon span {
    margin-left: 15px;
    position: absolute;
    bottom: 0;
}

.chat-rooms-collapsed:hover {
    cursor: pointer;
}

@media (max-width: 768px) {

    .rotate,
    .rotate-back,
    .slide-in,
    .slide-out {
        transition: 0.5s;
    }

    .rotate {
        transform: rotate(180deg);
    }

    .rotate-back {
{'fraction_non_alphanumeric': 0.14307771487390633, 'fraction_numerical': 0.05352547606793618, 'mean_word_length': 2.2337770382695505, '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': '3352077', 'n_tokens_mistral': 1714, 'n_tokens_neox': 1508, 'n_words': 330}