* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
background-color: var(--cream);
color: var(--ink);
font-family: Georgia, "Times New Roman", serif;
line-height: 1.6;
/* Subtle paper texture */
background-image:
radial-gradient(rgba(48,59,45,0.08) 1px, transparent 1px);
background-size: 8px 8px;
}
a {
color: var(--red);
text-decoration: none;
border-bottom: 1px dotted var(--red);
}
a:hover {
color: var(--green);
border-bottom-style: solid;
}
/* =========================================================
HEADER
========================================================= */
header {
max-width: 1050px;
margin: 35px auto 0;
padding: 35px 45px 25px;
background: var(--paper);
border: 2px solid var(--ink);
position: relative;
box-shadow: 7px 7px 0 var(--green);
}
.header-decoration {
text-align: center;
color: var(--red);
font-size: 25px;
letter-spacing: 10px;
margin-bottom: 10px;
}
h1 {
text-align: center;
font-size: clamp(2.5rem, 7vw, 5rem);
font-weight: normal;
line-height: 1;
margin: 0;
color: var(--dark-green);
letter-spacing: 2px;
}
.subtitle {
text-align: center;
font-style: italic;
margin: 15px 0 5px;
color: var(--red);
font-size: 1.1rem;
}
/* =========================================================
NAVIGATION
========================================================= */
nav {
max-width: 1050px;
margin: 22px auto;
text-align: center;
}
nav a {
display: inline-block;
margin: 4px 12px;
padding: 4px 8px;
border