font.css

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

* {
    padding: 0;
    margin: 0;

    font-family: "Pretendard";
    font-size: 16px;
    color: #eeeeee;
    white-space: normal;

    font-variant-ligatures: none;
}

main * {
    line-height: 170%;
    font-size: 18px;
    word-break: keep-all;
}

p * {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

b {
    font-family: "Pretendard ExtraBold";
}

c {
    padding: 1px 7px;
    margin: 0 3px 0 0;
    background-color: #333333;
    border-radius: 5px;
    font-family: "JetBrains Mono", ui-monospace;
    font-size: 16px;
}

quote c {
    background-color: #222222;
}

ol, ul {
    display: flex;
    flex-direction: column;

    padding: 0 0 0 40px;
    gap: 5px;
}

p, a, li, p * {
    height: min-content;
}

a {
    text-decoration-line: none;
}

sub, sup {
    padding: 0 3px 0 0;
    font-size: 75%;
    color: #ffffff;
}

sup {
    font-style: italic;
}

sub *, sup * {
    font-size: 100%;
}

i {
    padding: 0 3px 0 0;
}

.link, .link * {
    color: #3993dd;
    transition: 0.3s;
    text-decoration-line: underline;
}

.link:hover, .link:hover * {
    color: #8cc9ff;
}

main li::marker {
    margin-right: 10px;
}

main h1 {
    margin: 40px 0 20px 0;
    font-size: 32px;
}

main h2 {
    margin: 40px 0 20px 0;
    font-size: 28px;
}

main h3 {
    margin: 20px 0 10px 0;
    font-size: 24px;
}

main h4 {
    margin: 10px 0;
    font-size: 20px;
}