@media (max-width: 820px) {
    .note-display {
        flex-direction: column;
        text-align: center;
    }

    .note-display p {
        min-width: 90%;
    }
}

/* hide multiline line number */
.katex .tag {
    display: none;
}

#note-navbar {
    justify-content: space-between;
    margin: 20px 0px;
    display: flex;
}

.footnotes ol {
    font-size: calc(var(--font-size) - 3px);
}

.note-display {
    align-items: center;
    display: flex;
    gap: 20px;
}

.note-display p {
    display: inline-block;
    width: 80%;
}

.note-display b {
    margin-bottom: 0px;
    display: block;
}

.note-display img {
    height: 185px;
    width: 130px;
}