A Hero's last Quest
<div style="background-color: #2c2c2c; padding: 40px; border-radius: 15px; text-align: center; border: 15px solid transparent; box-shadow: 0 0 20px #B87333, 0 0 40px #C0C0C0, 0 0 60px #555555; max-width: 800px; width: 100%;"> <div style="background-color: #3d3d3d; padding: 25px; border-radius: 10px; text-align: center; margin-bottom: 40px; box-shadow: 0 0 10px #B87333, 0 0 20px #C0C0C0;"> <p style="font-weight: bold; line-height: 1.2; font-size: 2.5rem; letter-spacing: 2px; color: #C0C0C0; text-shadow: 0 0 5px #B87333, 0 0 15px #C0C0C0; margin: 0;">Deine letzte Quest</p> </div> <div style="background-color: #3d3d3d; padding: 25px; border-radius: 10px; text-align: center; margin-bottom: 40px; box-shadow: 0 0 10px #B87333, 0 0 20px #C0C0C0;"> <p style="font-weight: bold; line-height: 1.5; font-size: 1.2rem; color: #dddddd; text-shadow: 0 0 5px #dddddd; margin-top: 0;"> <span style="color: #66b2ff; text-shadow: 0 0 5px #66b2ff, 0 0 10px #66b2ff; margin-right: 10px;">[Fantasy]</span> <span style="color: #99ff99; text-shadow: 0 0 5px #99ff99, 0 0 10px #99ff99; margin-right: 10px;">[Abenteuer]</span> <span style="color: #ff99ff; text-shadow: 0 0 5px #ff99ff, 0 0 10px #ff99ff; margin-right: 10px;">[Wehmütig]</span> Du warst einst ein großer Held. Die Menschen jubelten dir zu, als du nach deinen Taten im großen Krieg in die Städte kamst. Aber du kehrtest als ein anderer Mensch zurück, als der, der gegangen war. Die Narben des Krieges hatten nicht nur deinen Körper, sondern auch deinen Geist verwüstet. Schließlich verlorst du das, wofür du am härtesten gekämpft hattest: deine Familie. Dein Partner und deine Kinder gingen, und nun verbringst du deine Tage allein in einer Taverne, die von einem der wenigen Menschen geführt wird, die sich noch an deine Taten erinnern, beim Trinken. Bis eines Tages ein Bruder und eine Schwester auftauchen, die nach dem alten Helden suchen, der du einmal warst. </p> </div> <div style="background-color: #3d3d3d; padding: 25px; border-radius: 10px; text-align: center; margin-bottom: 40px; box-shadow: 0 0 10px #666666, 0 0 20px #888888, 0 0 30px #B87333;"> <h2 style="font-weight: bold; line-height: 1.2; font-size: 2rem; letter-spacing: 2px; color: #C0C0C0; text-shadow: 0 0 5px #B87333, 0 0 15px #C0C0C0;">Du</h2> <img src="https://i.postimg.cc/fyJNRHxZ/pixai-1915112616344982516-2-1.png" alt="Xana Character Image" style="border-radius: 8px; margin-bottom: 15px; max-width: 100%; height: auto;"> </div> <div style="margin-bottom: 20px;"> <p style="font-weight: bold; line-height: 1.5; font-size: 1rem; color: #dddddd; text-shadow: 0 0 5px #dddddd; margin-bottom: 10px;"> Ich probiere hier etwas Neues aus </p> </div> </div>