@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

:root {
    --accent:       #61dafb;
    --dark:         #282c34;
    --dark-border:  #3a3f4a;
    --bg:           #f5f5f5;
    --white:        #ffffff;
    --text:         #333;
    --text-muted:   #666;
    --text-light:   #999;
    --border:       #ddd;
    --danger:       #c0392b;
    --low:          #2980b9;
    --font:         'C059', Georgia, 'Times New Roman', serif;
    --font-mono:    'Courier New', Courier, monospace;
}

@font-face {
    font-family: 'C059';
    src: url('fonts/C059-Roman.woff2') format('woff2'),
         url('fonts/C059-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* { box-sizing: border-box; }

html {
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

body {
    font-family: var(--font);
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 55px 0 50px 44px;
    background-color: var(--bg);
    color: var(--text);
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

body.side-expanded { padding-left: 180px; }

h1, h2 {
    font-family: var(--font-mono);
    font-weight: 700;
}

h3, h4, h5, h6 { font-weight: 600; }

h1 { font-size: 1rem; }
h2 { font-size: 2rem; text-align: center; }
h3 { font-size: 1.65rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }

.a-link {
    color: black;
    font-family: var(--font-mono);
    text-decoration: none;
}

.a-link:hover { color: var(--accent); }