body{

background:#ddd0ba;

font-family:"Special Elite", monospace;

display:flex;

justify-content:center;

padding:80px;

}

.page{

width:820px;

background:#efe3cb;

padding:90px;

box-shadow:0 12px 28px rgba(0,0,0,.12);

min-height:900px;

}

.small-label{

font-size:.8rem;

letter-spacing:2px;

color:#8b7a67;

margin-bottom:18px;

}

h1{

font-family:"Cormorant Garamond", serif;

font-size:4rem;

font-weight:500;

margin-bottom:25px;

color:#3d332b;

}

.intro{

font-size:.9rem;

line-height:2;

margin-bottom:80px;

color:#6f6255;

}

.contents{

display:flex;

flex-direction:column;

gap:28px;

}

.entry{

display:flex;

justify-content:space-between;

align-items:center;

text-decoration:none;

color:#43382f;

padding-bottom:12px;

border-bottom:1px dotted rgba(90,70,55,.35);

transition:.3s;

}

.entry:hover{

padding-left:12px;

color:#000;

}

.entry span:first-child{

font-size:1rem;

}

.entry span:last-child{

font-size:.9rem;

opacity:.6;

}