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

body {
background-color: #faf6f0;
font-family: 'Source Sans 3', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.8;
letter-spacing: 0.01em;
/* color: #3a3530; */
color: #1e1c19;
padding: 48px 20px;
min-height: 100vh;
}

.container {
/* max-width: 1024px; */
max-width: 82ch;
margin: 0 auto;
border: 1px solid #d8d4ce;
padding: 30px 30px;
background-color: #fffdf9;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.mb-20 {
margin-bottom: 20px;
}

/* .container-inner {
   
} */

.mx-auto {
    margin-right: auto;
    margin-left: auto;
}

h1 {
font-family: 'Lora', serif;
font-weight: 500;
font-size: 2rem;
line-height: 1.3;
letter-spacing: -0.01em;
color: #2c2825;
margin-bottom: 0.6em;
}

h2 {
font-family: 'Lora', serif;
font-weight: 400;
font-size: 1.25rem;
color: #4a4540;
margin-top: 0;
margin-bottom: 0.5em;
}

p {
margin-bottom: 1em;
/* max-width: 78ch; */
}

p:last-child {
margin-bottom: 0;
}

hr {
border: none;
border-top: 1px solid #e8e4de;
margin: 2em 0;
}

a {
color: #7a6a55;
text-decoration: underline;
text-underline-offset: 3px;
}

a:hover {
color: #3a3530;
}

ul {
list-style: none;
margin: 0 0 1em 0;
padding: 0;
max-width: 78ch;
}

ul li {
position: relative;
padding-left: 1.4em;
margin-bottom: 0.45em;
line-height: 1.8;
}

ul li::before {
content: '';
position: absolute;
left: 0;
top: 0.72em;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #b8a898;
}

strong {
font-weight: 500;
color: #2c2825;
letter-spacing: 0.005em;
}

em {
font-family: 'Lora', serif;
font-style: italic;
font-weight: 400;
color: #5a5048;
}

.unifrakturmaguntia-regular {
font-family: "UnifrakturMaguntia", cursive;
font-weight: 400;
font-style: normal;
}

.writter-cls {
margin-top: 2em;
}