@font-face {
    font-family: "Berkeley Mono";
    src: url("/fonts/BerkeleyMono-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Berkeley Mono";
    src: url("/fonts/BerkeleyMono-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    line-height: 1.75;
    letter-spacing: 0.01em;
    padding: 3rem 2rem;
    max-width: 640px;
    margin: 0 auto;
    background: #faf9f6;
    color: #2c2c2c;
}

h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

h2 {
    font-size: 1.25rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-weight: 700;
}

p {
    margin-bottom: 1rem;
}

ul {
    list-style: none;
}

ul li {
    margin-bottom: 0.75rem;
}

a {
    color: #8b7355;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
}

a:hover {
    border-bottom-color: #8b7355;
}

a.cloudflare {
    color: #f6821f;
}

a.cloudflare:hover {
    border-bottom-color: #f6821f;
}