@import url('https://fonts.googleapis.com/css2?family=Uncial+Antiqua&display=swap');

body {
    background: linear-gradient(135deg, #1b0f2a 0%, #3b0a29 100%), url('https://www.transparenttextures.com/patterns/dark-mosaic.png');
    background-blend-mode: overlay;
    background-size: auto, cover;
    font-family: 'Uncial Antiqua', serif;
    color: #f9e4d4;
    padding: 50px;
    line-height: 1.8;
    max-width: 900px;
    margin: auto;
    border: 16px double #e25822;
    box-shadow: 0 0 40px rgba(255, 94, 0, 0.6), 0 0 80px rgba(128, 0, 128, 0.3) inset;
}

h1 {
    font-size: 42px;
    text-align: center;
    margin-bottom: 10px;
    color: #ffae42;
    text-shadow: 2px 2px 5px #30002d;
}

h2 {
    font-size: 24px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px;
    font-style: italic;
    color: #f7caca;
    text-shadow: 1px 1px 4px #450f47;
}

p {
    font-size: 20px;
    text-indent: 2em;
    margin-bottom: 20px;
}

pre {
    font-family: 'Georgia', serif;
    font-style: italic;
    color: #ffd9b3;
    background: rgba(34, 0, 34, 0.3);
    padding: 15px;
    border-left: 6px solid #ff7f50;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(255, 128, 0, 0.5);
    white-space: pre-wrap;
}