.msg_obj {

    width: 100%;
    height: 40px;
    text-wrap: wrap;
    word-wrap: break-word;
    white-space: normal;

}

.navbar {

    width: 100%;
    position: fixed;
    top: 0;

}

.messages_field {

    margin-top: 70px;
    margin-left: 20px;
    margin-bottom: 70px;
    
    height: calc(100vh - 70px - 70px);
    
    overflow-y: auto;

}

.message_send_bar {

    position: fixed;
    width: calc(100% - 40px);
    bottom: 0;
    margin: 20px;

}

/* Scrollbar */

.messages_field {
  --sb-track-color: #232e33;
  --sb-thumb-color: #808080;
  --sb-size: 2px;
}

.messages_field::-webkit-scrollbar {
  width: var(--sb-size);
}

.messages_field::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1px;
}

.messages_field::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1px;
}

@supports not selector(::-webkit-scrollbar) {
    .messages_field {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}