html, body {    height: 100%;    margin:0;}.contentx:before,#navigation:after,.content-divider:after {    transition:        transform 0.15s ease-out,        opacity 0.2s ease-out;    will-change:transform, opacity;}@keyframes ornamentFloat {    0% { transform:translateX(-50%) translateY(0); opacity:0.55; }    50% { transform:translateX(-50%) translateY(-6px); opacity:0.75; }    100% { transform:translateX(-50%) translateY(0); opacity:0.55; }}@keyframes ornamentGlow {    0% { box-shadow:0 0 0 rgba(200,164,106,0.0); }    50% { box-shadow:0 0 12px rgba(200,164,106,0.35); }    100% { box-shadow:0 0 0 rgba(200,164,106,0.0); }}.contentx:before {    animation:ornamentFloat 8s ease-in-out infinite;}#navigation:after {    animation:ornamentFloat 6s ease-in-out infinite;}#navigation:before {    animation:ornamentGlow 10s ease-in-out infinite;}.content-divider:after {    animation:ornamentFloat 7s ease-in-out infinite;}body {    background-image:url(images/head.jpg);    background-repeat:repeat;    font-family: 'Libre Baskerville', serif;    font-weight: 400!important;    text-align:center;    font-size: 13px;    background-attachment: fixed;    background-color:#2b1a12; }body:before {    content:"";    position:fixed;    top:0;    left:0;    width:100%;    height:100%;    pointer-events:none;    background:        radial-gradient(            circle at center,            rgba(255,240,220,0.08),            rgba(43,26,18,0.55)        ),        linear-gradient(            180deg,            rgba(255,230,190,0.05),            rgba(0,0,0,0.25)        );    z-index:9999;}::-webkit-scrollbar {height:20px; width:30px;}::-webkit-scrollbar-corner {background-color:#1a0f0a;}::-webkit-scrollbar-track-piece {background-color:#1a0f0a;}::-webkit-scrollbar-thumb {    width:20px;    height:3px;    background-color:#c8a46a;    border:14px solid #1a0f0a;}#navigation {    position:relative;    width:56%;    margin:120px auto 60px auto;    padding:22px 30px;    background:linear-gradient(160deg,#f2e6d3,#e6d7bf);    border-radius:50px;    box-shadow:        inset 0 0 20px rgba(255,255,255,0.7),        0 8px 24px rgba(0,0,0,0.35);}#navigation a {    display:inline-block;    margin:0 12px;    padding:14px 26px;    font-family:'Libre Baskerville', serif;    font-size:18px;    letter-spacing:2px;    text-transform:uppercase;    color:#4a2c1d;    border-radius:30px;    transition:all 0.25s ease;}#navigation a:hover {    background:#4a2c1d;    color:#fff6ea;    box-shadow:        inset 0 0 10px rgba(255,230,190,0.3),        0 4px 12px rgba(0,0,0,0.4);    transform:translateY(-1px);}#navigation a.active {    background:#c8a46a;    color:#2b1a12;    box-shadow:        inset 0 0 12px rgba(255,255,255,0.5),        0 3px 10px rgba(0,0,0,0.3);}#navigation:before {    content:"";    position:absolute;    top:-18px;    left:12%;    width:76%;    height:2px;    background:linear-gradient(        90deg,        transparent,        rgba(200,164,106,0.6),        transparent    );    border-radius:2px;    opacity:0.7;}#navigation:after {    content:"✶";    position:absolute;    top:-30px;    left:50%;    transform:translateX(-50%);    font-size:20px;    color:#c8a46a;    opacity:0.7;}a:link,a:visited,a:active {    position:relative;    text-decoration:none;    color:#6b3e2e;    font-size:15px;    font-family:'Libre Baskerville', serif;    font-weight:600!important;    letter-spacing:1px;    padding:2px 4px;    transition:color 0.25s ease;}a:after {    content:"";    position:absolute;    left:0;    bottom:-3px;    width:100%;    height:2px;    background:linear-gradient(90deg,transparent,#c8a46a,transparent);    opacity:0;    transform:scaleX(0.6);    transition:all 0.3s ease;}a:hover {color:#2b1a12;}a:hover:after {opacity:1; transform:scaleX(1);}b, i {    color:#6b3e2e;    font-weight:600!important;    font-style:normal;    background:linear-gradient(180deg,transparent 60%,rgba(200,164,106,0.35) 60%);    padding:0 3px;}i {font-style:italic; letter-spacing:1px;}#container {    position:relative;    float:center;    width:60%;margin:110px auto;}.contentx {    position:relative;    padding:20px 60px;    margin-bottom:80px; margin:0 auto 80px auto;    max-width:900px;     background:linear-gradient(160deg,#f5ead8,#e9dcc7);    color:#3a2317;    font-family:'Libre Baskerville', serif;    font-size:16px;    line-height:32px;    letter-spacing:1px;    border-radius:40px;    box-shadow:        inset 0 0 25px rgba(255,255,255,0.6),        0 10px 30px rgba(0,0,0,0.35);text-align:justify;}.contentx:before {    content:"❦";    position:absolute;    top:-28px;    left:50%;    transform:translateX(-50%);    font-size:42px;    color:#c8a46a;    opacity:0.6;    letter-spacing:10px;}.contentx:after {    content:"";    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    pointer-events:none;    background:repeating-linear-gradient(        45deg,        rgba(255,255,255,0.02),        rgba(255,255,255,0.02) 2px,        rgba(0,0,0,0.02) 4px    );    opacity:0.3;}.content-divider {    margin:60px auto;    width:60%;    height:1px;    background:linear-gradient(        90deg,        transparent,        rgba(74,44,29,0.5),        transparent    );    position:relative;}.content-divider:after {    content:"✦";    position:absolute;    top:-12px;    left:50%;    transform:translateX(-50%);    font-size:16px;    color:#c8a46a;    opacity:0.8;}.contentx blockquote {    position:relative;text-align:justify;    margin:40px 0;    padding:35px 45px;    background:#fff6ea;    color:#4a2c1d;    font-size:20px;    line-height:36px;    letter-spacing:1px;    font-style:italic;    border-left:8px solid #c8a46a;    border-radius:24px;    box-shadow:        inset 0 0 15px rgba(255,255,255,0.8),        0 6px 18px rgba(0,0,0,0.25);}.contentx blockquote:before {    content:"❝";    position:absolute;    top:-20px;    left:22px;    font-size:70px;    color:#c8a46a;    opacity:0.35;}.contentx h1 {    display:inline-block;    margin:0 auto 40px auto;    padding:16px 34px;    font-size:26px;    letter-spacing:4px;    color:#f6ecd9;    background:#4a2c1d;    border-radius:20px;    box-shadow:        inset 0 0 10px rgba(255,230,190,0.25),        0 4px 10px rgba(0,0,0,0.4);    transform:rotate(-1deg);}.contentx input,.contentx select,.contentx textarea {    width:42%;    min-height:54px;    padding:12px 16px;    background:linear-gradient(160deg,#fff6ea,#efe2cf);    color:#3a2317;    font-family:'Libre Baskerville', serif;    font-size:16px;    letter-spacing:1px;    border-radius:14px;    border:2px solid rgba(74,44,29,0.25);    box-shadow:        inset 0 0 10px rgba(255,255,255,0.7),        0 4px 12px rgba(0,0,0,0.25);    transition:all 0.25s ease;}.contentx textarea {    min-height:140px;    resize:vertical;}.contentx input:focus,.contentx select:focus,.contentx textarea:focus {    outline:none;    border-color:#c8a46a;    box-shadow:        inset 0 0 12px rgba(255,255,255,0.9),        0 0 0 3px rgba(200,164,106,0.25);}@media (max-width: 1024px) {    #container {        width:90%;        margin:80px auto;    }    .contentx {        padding:30px 25px;        margin:0 auto 60px auto;        font-size:15px;        line-height:28px;        max-width:100%;    }    .contentx h1 {        font-size:22px;        padding:12px 24px;    }    .contentx blockquote {        font-size:16px;        line-height:28px;        padding:25px 30px;        border-left:6px solid #c8a46a;    }    .contentx blockquote:before {        font-size:50px;        top:-15px;        left:20px;    }    .contentx input,    .contentx select,    .contentx textarea {        width:90%;        min-height:48px;        padding:10px 14px;        font-size:15px;    }    #navigation {        width:90%;        padding:18px 20px;        border-radius:30px;    }    #navigation a {        font-size:16px;        padding:10px 18px;        margin:0 6px;    }    #navigation:before,    #navigation:after {        top:-12px;    }}@media (max-width: 600px) {    .contentx {        padding:25px 15px;        font-size:14px;        line-height:24px;    }    .contentx h1 {        font-size:20px;        padding:10px 18px;    }    .contentx blockquote {        font-size:14px;        line-height:24px;        padding:20px 18px;        border-left:5px solid #c8a46a;    }    .contentx blockquote:before {        font-size:40px;        top:-12px;        left:18px;    }    .contentx input,    .contentx select,    .contentx textarea {        width:95%;        min-height:42px;        padding:8px 12px;        font-size:14px;    }    #navigation a {        display:block;        margin:8px 0;        padding:8px 12px;        font-size:15px;    }}