html, body {    height:100%;    margin: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.png);    background-attachment: fixed;    background-repeat:no-repeat;    text-align:center;    color:#222222;}::-webkit-scrollbar { height:20px; width:30px; }::-webkit-scrollbar-corner,::-webkit-scrollbar-track-piece { background-color:#f0f0f5; }::-webkit-scrollbar-thumb {    background:linear-gradient(180deg,#ffc0cb,#ff5555);    border:14px solid #f0f0f5;}#navigation {    position:relative;    width:56%;    margin:120px auto 60px auto;}#navigation a {    display:inline-block;    margin:0 12px;    padding:14px 26px;    font-size:18px;    letter-spacing:2px;    text-transform:uppercase;    color:#880000;    border-radius:30px;    transition:all 0.25s ease;}#navigation a:hover {    background:linear-gradient(135deg,#ffcccc,#ff5555);    color:white;    box-shadow:0 0 20px rgba(255,80,80,0.45);    transform:translateY(-1px);}#navigation a.active {    background:linear-gradient(135deg,#ff9999,#ff3333);    color:#fff5f5;}#navigation:before {    content:"";    position:absolute;    top:-18px;    left:12%;    width:76%;    height:2px;    background:linear-gradient(        90deg,        transparent,        rgba(255,120,120,0.6),        rgba(255,80,80,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:#ff5555;    opacity:0.75;    text-shadow:0 0 10px rgba(255,120,120,0.6);}a {    position:relative;    text-decoration:none;    color:#aa4444;    font-weight:600;    letter-spacing:1px;    padding:2px 4px;    font-family: 'Playfair Display', serif;     font-size:18px;}a:after {    content:"";    position:absolute;    left:0;    bottom:-3px;    width:100%;    height:2px;    background:linear-gradient(90deg,transparent,#ff9999,#ff5555,transparent);    opacity:0;    transform:scaleX(0.6);    transition:all 0.3s ease;}a:hover { color:#ff5555; }a:hover:after { opacity:1; transform:scaleX(1); }#container {    position:relative;    width:60%;    margin:110px auto;}.contentx {    position:relative;    padding:25px 60px;    margin:0 auto 80px auto;    max-width:900px;    background:linear-gradient(160deg,#fff5f5,#ffeaea);    color:#880000;    font-family: 'Playfair Display', serif;     font-size:18px;    line-height:36px;    letter-spacing:1.2px;    border-radius:40px;    box-shadow:        inset 0 0 30px rgba(255,120,120,0.12),        0 10px 30px rgba(200,180,180,0.25);    text-align:justify;}.contentx:after {    content:"";    position:absolute;    inset:0;    pointer-events:none;    background:repeating-linear-gradient(        45deg,        rgba(255,255,255,0.04),        rgba(255,255,255,0.04) 2px,        rgba(200,180,180,0.02) 4px    );    opacity:0.25;}.content-divider {    margin:60px auto;    width:60%;    height:1px;    background:linear-gradient(        90deg,        transparent,        rgba(255,120,120,0.5),        rgba(255,80,80,0.5),        transparent    );    position:relative;}.content-divider:after {    content:"✦";    position:absolute;    top:-12px;    left:50%;    transform:translateX(-50%);    font-size:16px;    color:#ff5555;    opacity:0.85;    text-shadow:0 0 8px rgba(255,120,120,0.6);}.contentx blockquote {    position:relative;    margin:40px 0;    padding:35px 45px;    background:rgba(255,230,230,0.7);    color:#880000;    font-size:20px;    line-height:36px;    font-style:italic;    border-left:8px solid #ff5555;    border-radius:24px;    box-shadow:0 0 25px rgba(255,120,120,0.25);}.contentx blockquote:before {    content:"❝";    position:absolute;    top:-20px;    left:22px;    font-size:70px;    color:#ff9999;    opacity:0.35;}.contentx h1 {    display:block;    margin:60px auto 40px auto;    padding:18px 36px;    font-size:28px;    letter-spacing:3px;    color:#fff5f5;     background:linear-gradient(135deg, #ff9999, #ff5555);     border-radius:40% 20% 40% 20% / 25% 45% 25% 45%;     box-shadow:0 0 20px rgba(255,80,80,0.5), 0 8px 30px rgba(255,180,180,0.3);    text-shadow:0 0 15px rgba(255,180,180,0.6);    transform:translateY(0);    font-family:'Libre Baskerville', serif;    animation:floatH1 6s ease-in-out infinite;    text-align:center;    max-width:60%;}.contentx input,.contentx select,.contentx textarea {    width:40%;    min-height:68px;    padding:18px 20px;    background:rgba(255,245,245,0.6);    color:#880000;    font-size:17px;    border-radius:14px;    border:1px solid rgba(255,120,120,0.3);    box-shadow:0 0 18px rgba(255,120,120,0.15);    transition:all 0.25s ease;}.contentx textarea {    min-height:180px;    resize:vertical;}.contentx input:focus,.contentx select:focus,.contentx textarea:focus {    outline:none;    border-color:#ff5555;    box-shadow:        0 0 0 3px rgba(255,80,80,0.35),        0 0 25px rgba(255,120,120,0.4);}b, strong {    background: linear-gradient(90deg, #ff9999, #ff5555);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    position: relative;    font-weight:700;    font-family: 'Playfair Display', serif;     font-size:18px;}b::after, strong::after {    content: "";    position: absolute;    left:0;    bottom:0;    width:100%;    height:2px;    background: linear-gradient(90deg, #ff9999, #ff5555, #ff9999);    border-radius:2px;    transform: scaleX(0);    transition: transform 0.3s ease;    transform-origin: left;}b:hover::after, strong:hover::after {    transform: scaleX(1);}i, em {    background: linear-gradient(90deg, #ffcccc, #ff7777);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    font-style:italic;    position: relative;    font-family: 'Playfair Display', serif;     font-size:18px;}i::after, em::after {    content: "";    position: absolute;    left:0;    bottom:0;    width:100%;    height:2px;    background: linear-gradient(90deg, #ffcccc, #ff7777, #ffcccc);    border-radius:2px;    transform: scaleX(0);    transition: transform 0.3s ease;    transform-origin: left;}i:hover::after, em:hover::after {    transform: scaleX(1);}@media (max-width:1024px) {    #container { width:90%; }    .contentx input,    .contentx select,    .contentx textarea { width:90%; }    #navigation { width:90%; }}@media (max-width:600px) {    .contentx { padding:25px 15px; font-size:14px; }    #navigation a { display:block; margin:8px 0; }}