/* ---------- global ---------- */

body {
font-family: "Bookman Old Style", Bookman, "URW Bookman", serif;
background: #ffffff;
color: #000000;
line-height: 1.6;
margin: 0;
}

/* fixed reading column */
.page {
max-width: 720px;
margin: 60px auto;
padding: 0 20px;
}

/* ---------- logo ---------- */

.logo {
width: 90px;          /* main size control */
height: auto;
display: block;
margin-bottom: 6px;
user-select: none;
}

/* ---------- typography ---------- */

h1 {
font-weight: bold;
font-size: 28px;
margin-bottom: 4px;
}

h2 {
font-weight: bold;
font-size: 20px;
margin-top: 40px;
border-bottom: 1px solid #000;
}

h3 {
font-weight: normal;
font-size: 18px;
margin-bottom: 2px;
}

p {
margin: 10px 0;
}

/* ---------- links ---------- */

a {
color: #000;
text-decoration: underline;
}

a:hover {
background: #000;
color: #fff;
}

/* ---------- navigation ---------- */

nav {
margin: 30px 0 40px 0;
font-size: 15px;
}

nav a {
margin-right: 18px;
}

/* ---------- project list ---------- */

.project {
margin-bottom: 18px;
}

.project p {
margin: 2px 0 0 0;
font-size: 15px;
}

/* ---------- footer ---------- */

footer {
margin-top: 80px;
font-size: 14px;
}