body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.markdown-body {
    width: 90%;
    margin: 60px 0px;
}

.katex-block {
    overflow: auto;
}

.katex-block .katex-display {
    margin: 0.7rem 0px;
}

.katex-block .tag {
    background: rgb(255 255 255 / 89%);
    box-shadow: 0px 0px 24px 9px rgba(255, 255, 255, 0.57);
    padding: 0px 5px;
    border-radius: 4px;
}

@media (min-width: 1200px) {
    .markdown-body {
        width: 45%;
    }
}

@media (min-width: 800px) and (max-width: 1200px) {
    .markdown-body {
        width: 60%;
    }
}