body {

    background: #0a0a0a;

    color: #d8d2bf;

    font-family:
    "Times New Roman",
    serif;

    margin: 0;

    padding: 50px;

}

.document {

    max-width: 900px;

    margin: auto;

    padding: 60px;

    background: #15120e;

    border: 1px solid #4b4436;

    box-shadow:
    0 0 40px rgba(0,0,0,0.7);

    position: relative;

}

.stamp {

    position: absolute;

    top: 40px;

    right: 40px;

    color: rgba(160,30,30,0.7);

    border: 3px solid rgba(160,30,30,0.7);

    padding: 10px 20px;

    transform: rotate(12deg);

    font-size: 1.2rem;

    letter-spacing: 2px;

}

.header {

    line-height: 2;

}

h1 {

    text-align: center;

    letter-spacing: 4px;

    margin-top: 40px;

}

h2 {

    text-align: center;

    font-weight: normal;

    opacity: 0.8;

}

h3 {

    margin-top: 50px;

    border-left: 4px solid #85785c;

    padding-left: 12px;

}

p {

    line-height: 2;

}

.log {

    margin-top: 40px;

}

.entry {

    display: flex;

    gap: 25px;

    margin-bottom: 25px;

}

.time {

    min-width: 100px;

    color: #b6a57d;

}

.quote {

    margin: 50px 0;

    padding: 25px;

    border-left: 3px solid #85785c;

    background: rgba(255,255,255,0.03);

    font-style: italic;

}

.transcript {

    text-align: center;

    font-size: 1.3rem;

    letter-spacing: 3px;

    margin: 50px 0;

    color: #d9c68c;

}

.footer {

    text-align: center;

    opacity: 0.7;

    margin-top: 50px;

}

hr {

    border: none;

    border-top: 1px solid #4b4436;

    margin: 30px 0;

}
.document::before {

    content: "";

    position: absolute;

    inset: 0;

    background-image:
      url("logo.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: 500px;

    opacity: 0.04;

    pointer-events: none;

}