div {
    color: #303d4e;
}

.markdown-body-box {
    box-sizing: border-box;
    min-width: 200px;
    max-width: 980px;
    margin: 0 auto;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 45px;
}

.markdown-body {
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .markdown-body {
        padding: 15px;
    }
}

.mdui-snackbar-text {
    color: white;
}

.mdui-dialog {
    border-radius: 15px;
}

.mdui-appbar {
    background-color: white;
}

.round-left-icon-box {
    margin-right: 15px;
    border-radius: 50%;
    padding: 10px;
    width: 25px;
    height: 25px;
}

.round-icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
    filter: drop-shadow(100px 0 white);
    transform: translate(-100px);
}