html, body {  height: 100%;  margin: 0;}body {  background-color: #191819;  color: #d0d0d0;  overflow-x: hidden;}#navigation {  width: 70%;  margin: -290px auto;  text-align: center;  padding: 40px 0;  position: relative;  animation: navFloat 10s ease-in-out infinite;}#navigation::before,#navigation::after {  content: "✦  ❖  ✦";  display: block;  color: #8b0000;  letter-spacing: 14px;  font-size: 20px;  margin: 16px 0;  text-shadow: 0 0 8px rgba(150,0,0,0.7), 0 0 20px rgba(150,0,0,0.4);}#navigation a {  text-decoration: none;  color: #d6d6d6;  font-family: "Lora", serif;  font-size: 22px;  letter-spacing: 4px;  margin: 0 32px;  position: relative;  transition: all 0.35s ease;}#navigation a:hover {  color: #ff3a3a;  text-shadow: 0 0 8px rgba(255,40,40,0.9), 0 0 20px rgba(120,0,0,0.8), 0 0 40px rgba(120,0,0,0.6);}#navigation a::after {  content: "";  position: absolute;  left: 50%;  bottom: -8px;  width: 0;  height: 1px;  background: linear-gradient(90deg, transparent, #8b0000, #ff3a3a, #8b0000, transparent);  transform: translateX(-50%);  transition: width 0.5s ease;}#navigation a:hover::after {  width: 120%;}@keyframes navFloat {  0% { transform: translateY(0px); }  50% { transform: translateY(-6px); }  100% { transform: translateY(0px); }}#header {  background-image: url('images/head.jpg');  background-color: #191819;  background-repeat: no-repeat;  background-position: center;  height: 785px;  width: 100%;}#content {  width: 69%;  margin: 240px auto 0 auto;}.contentx {  padding: 34px;  font-family: "Lora", serif;  font-size: 24px;  line-height: 33px;  text-align: justify;  color: #c9c9c9;  opacity: 0.95;  font-style: italic;}.contentx a {  color: #cc2b2b;  text-decoration: none;  border-bottom: 1px solid rgba(204,43,43,0.4);  transition: all 0.3s ease;}.contentx a:hover {  color: #ff4444;  border-bottom-color: rgba(255,68,68,0.8);}b {  color: #ff4444;  font-size: 24px;  letter-spacing: 4px;  border-bottom: 3px dashed #8b0000;  text-transform: uppercase;}i {  color: #aaaaaa;  font-size: 24px;  letter-spacing: 4px;  border-bottom: 3px dashed #444;}blockquote {  position: relative;  background: radial-gradient(circle at center, rgba(40,0,0,0.45), rgba(10,0,0,0.8));  color: #e3dede;  padding: 40px 60px;  margin: 60px auto;  border-radius: 20px;  font-style: italic;  font-family: "Lora", serif;  box-shadow: 0 0 25px rgba(120,0,0,0.35), inset 0 0 40px rgba(0,0,0,0.8);  max-width: 700px;}blockquote::before,blockquote::after {  content: "✶";  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 28px;  color: #b30000;  text-shadow: 0 0 10px rgba(180,0,0,0.8), 0 0 20px rgba(100,0,0,0.6);}blockquote::before { left: 20px; }blockquote::after { right: 20px; }blockquote p::before {  content: "❝";  color: #8b0000;  font-size: 42px;  margin-right: 10px;}blockquote p::after {  content: "❞";  color: #8b0000;  font-size: 42px;  margin-left: 10px;}blockquote:hover {  box-shadow: 0 0 40px rgba(160,0,0,0.45), inset 0 0 50px rgba(0,0,0,0.9);  transition: all 0.3s ease;}h1 {  color: #eeeeee;  font-family: "Josefin Slab", serif;  font-size: 56px;  letter-spacing: 3px;  text-align: center;  text-transform: uppercase;}h1::after {  content: "";  display: block;  margin: 12px auto 0;  width: 60%;  height: 3px;  background: linear-gradient(90deg, transparent, #b30000, transparent);}.contentx input,.contentx textarea,.contentx select {  background: radial-gradient(circle at top, rgba(40,0,0,0.4), #050505);  color: #e6e6e6;  border: 1px solid rgba(120,0,0,0.7);  border-radius: 14px;  width: 40%;  min-height: 56px;  padding: 14px 18px;  font-size: 20px;  line-height: 1.4;  font-family: "Lora", serif;  transition: all 0.35s ease;  box-shadow: inset 0 0 12px rgba(0,0,0,0.9), 0 0 10px rgba(120,0,0,0.15);}.contentx textarea {  min-height: 150px;  resize: vertical;}.contentx input:focus,.contentx textarea:focus,.contentx select:focus {  outline: none;  border-color: #b30000;  box-shadow: 0 0 18px rgba(160,0,0,0.6), inset 0 0 18px rgba(40,0,0,0.8);}.contentx input,.contentx textarea {  background-image: radial-gradient(circle at right 10px top 10px, rgba(150,0,0,0.15) 2px, transparent 3px);  background-repeat: no-repeat;}footer {  position: relative;  color: #c8c8c8;  text-align: center;  padding: 70px 20px;  margin-top: 120px;  font-family: "Lora", serif;}footer::before {  content: "✦  ❖  ✦  ❖  ✦";  display: block;  margin-bottom: 20px;  color: #8b0000;  letter-spacing: 12px;  font-size: 20px;  text-shadow: 0 0 10px rgba(140,0,0,0.7), 0 0 25px rgba(120,0,0,0.4);}footer a {  color: #c23a3a;  text-decoration: none;  transition: all 0.3s ease;}footer a:hover {  color: #ff4a4a;  text-shadow: 0 0 10px rgba(255,50,50,0.8);}footer hr {  width: 60%;  height: 1px;  border: none;  margin: 30px auto;  background: linear-gradient(90deg, transparent, #8b0000, #ff3a3a, #8b0000, transparent);}.flicker {  color: #ff3a3a;  text-shadow: 0 0 5px #8b0000, 0 0 10px #8b0000, 0 0 20px #4b0000;  animation: flicker 3s infinite;}@keyframes flicker {  0% {opacity:1;}  2% {opacity:0.6;}  4% {opacity:1;}  8% {opacity:0.4;}  10% {opacity:1;}  18% {opacity:0.7;}  20% {opacity:1;}  30% {opacity:0.5;}  32% {opacity:1;}  100% {opacity:1;}}.divider {  width: 60%;  margin: 70px auto;  height: 2px;  background: linear-gradient(90deg, transparent, #8b0000, #ff3a3a, #8b0000, transparent);  position: relative;}.divider::after {  content: "⛧";  position: absolute;  left: 50%;  top: -12px;  transform: translateX(-50%);  color: #ff3a3a;  font-size: 20px;  text-shadow: 0 0 10px #8b0000;}input, textarea, option, select { background-color: #191819; }