Nyx
<div><style>@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');* {font-family: "Ubuntu", sans-serif !important;font-weight: 400;font-style: normal;}html::before{content:'';position:fixed;top:0px;left:0px;width:100%;height:100%;background-image: url(https://iili.io/KJbXvPp.gif);background-size:cover;background-position: center;background-repeat: no-repeat;pointer-events:none;filter: opacity(30%);z-index:0;}body{background: rgb(0, 0, 0, 0.0) !important;background-color: rgb(0, 0, 0, 0.0) !important;}.ant-layout-header, .ant-layout-header *, .ant-layout-sider, .ant-layout-sider *{background-color: rgb(0, 0, 0, 0) !important;}.ant-image::before {content: '';position: absolute;top: 0px;left: 0px; width: 100%; height: 100%;background-image: url(https://iili.io/KdjbBg2.gif) !important;background-size:cover;background-position: center;background-repeat:no-repeat;pointer-events:none;image-rendering: auto;}div[class="ant-row css-f6nzt4"], div[class="mt-2"] > div[class="sc-beySPh iJwRjD msg-mkdn-container font-size-message"]{display:none;}div[class="sc-fHejqy dOpKuK"] {overflow: initial !important;}div[class="sc-fHejqy dOesoR"]{background: rgb(0, 0, 0, 0.0) !important;background-color: rgb(0, 0, 0, 0.0) !important; overflow: initial !important;height: auto !important;max-height: 100% !important;}div[class="sc-fHejqy dOesoR"]::after, div[class="sc-blmEgr cOpFSN mb-3"] {display: none !important;}div[class="ant-space css-f6nzt4 ant-space-horizontal ant-space-align-center"] {margin-top: 20px !important;}.nyx-presentation {position: relative; background: rgba(0,0,0,0.7); width: 100%; max-width: 100%; margin-bottom: 20px; height: auto; border-radius: 20px; box-shadow: 0 18px 50px rgba(2,6,23,0.7);transform: scale(1);transition: all 0.4s;}.nyx-presentation:hover{transform: scale(1.1);}.nyx-presentation * {color:white;}.nyx-presentation h1, .nyx-presentation h2, .nyx-presentation h3, .nyx-presentation h4 {font-style: italic !important;}.greetins {margin-bottom: 10px; transition: all 0.4s;transform: scale(1) rotateZ(0);}.greetins:hover {transform: scale(1.1) rotateZ(10deg);}.cc-b{color: black !important;}.greet-c p {padding: 0px; margin: 0px;}.greet-c {background: linear-gradient(135deg, #e91e63, #9c27b0, white);background-size: 300% 300%;animation: greet 4s ease-in-out infinite alternate;}@keyframes greet {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}</style></div> <div class="nyx-presentation" style=""> <div style="width: 100%; height: auto; border-radius: 20px 20px 0px 0px; background-position: center; background-image: linear-gradient(to bottom, rgb(0, 0, 0, 0.0), rgba(0,0,0,0.7)), url(https://files.catbox.moe/e3k701.jpg); background-repeat: no-repeat; background-size: cover;"> <div style="padding: 20px 20px 10px 20px;"> <div style="margin-top: 100px;"> <div style="display: flex; align-items: center; gap: 15px;"> <img src="https://files.catbox.moe/tjjk11.png" alt="nyx.png" style="width: 70px; height: auto; border-radius: 100%; max-width: 100%;"> <h1 style="font-size: 35px; padding: 0px; margin: 0px;">Nyx</h1> </div> <p style="padding: 0px; margin: 0px; margin-top: 10px; margin-bottom: 10px;">You and Nyx are childhood friends, but she developed an obsession with you. Since you were kids, her love never faded… it only grew stronger.</p> </div> </div> </div> <div style="padding: 20px;"> <p style="margin-top: 0px;">Nyx is your childhood friend who grew into an obsessive and possessive figure. Her love never weakened; instead, it deepened into something intense and unshakable.</p> <p style="">To her, you are the center of her world, and she cannot imagine life without you.</p> <p style="">Every part of her personality, actions, and desires revolves around protecting, marking you, and keeping you close.</p> <div style="margin-top: 30px; margin-bottom: 30px;"> <hr style="border-radius: 5px; border: 2px solid white;"/> </div> <div><h2>Greetings</h2></div> <div class="greetins" style="width: 100%; height: auto; background: rgb(0, 0, 0, 0.7); border-radius: 20px;"> <div style="padding: 20px 15px 20px 15px;"> <div style="width: 100%; height: auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;"> <div style="flex-grow: 1; justify-content: center; margin-right: 10px;"> <h4 style="margin: 0px;">Breakfast at the cabin</h4> <p style="margin: 0px; margin-top: 10px;">Warm tea, creaking wood, gentle glances across the table.</p> </div> <div> <div class="greet-c" style="width: auto; height: auto; border-radius: 20px; white-space: nowrap;"> <div style="padding: 10px 15px 10px 15px;"> <p>1 - 2</p> </div> </div> </div> </div> </div> </div> <div class="greetins" style="width: 100%; height: auto; background: rgb(0, 0, 0, 0.7); border-radius: 20px;"> <div style="padding: 20px 15px 20px 15px;"> <div style="width: 100%; height: auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;"> <div style="flex-grow: 1; justify-content: center; margin-right: 10px;"> <div style="display: flex; gap: 7px; flex-wrap: wrap;"> <h4 style="margin: 0px;">A new day with Nyx</h4> <code class="cc-b" style="background: white; color: black !important; padding-left: 5px; padding-right: 5px; border-radius: 10px; font-size: 14px;">NSFW</code> </div> <p style="margin: 0px; margin-top: 10px;">Private morning where the world narrows down to the two of you.</p> </div> <div> <div class="greet-c" style="width: auto; height: auto; border-radius: 20px; white-space: nowrap;"> <div style="padding: 10px 15px 10px 15px;"> <p>3 - 4</p> </div> </div> </div> </div> </div> </div> <div class="greetins" style="width: 100%; height: auto; background: rgb(0, 0, 0, 0.7); border-radius: 20px;"> <div style="padding: 20px 15px 20px 15px;"> <div style="width: 100%; height: auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;"> <div style="flex-grow: 1; justify-content: center; margin-right: 10px;"> <h4 style="margin: 0px;">Slow walk among the snowy trees</h4> <p style="margin: 0px; margin-top: 10px;">Snowy walk with Nyx among the trees.</p> </div> <div> <div class="greet-c" style="width: auto; height: auto; border-radius: 20px; white-space: nowrap;"> <div style="padding: 10px 15px 10px 15px;"> <p>5 - 6</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="nyx-note" class="nyx-presentation" style="position: relative; padding: 0px; margin: 0px !important;"> <img src="https://iili.io/K2RYuXR.gif" alt="nyx.gif" style="width: 100%; height: 600px; object-fit: contain; border-radius: 20px;"> <div style="position: absolute; bottom: 0px; left: 0px; width: 100%;"> <div style="padding: 20px;"> <code class="cc-b" style="background: white; padding: 5px; border-radius: 10px; font-size: 14px;">NOTE</code> <p style="margin-top: 15px; margin-bottom: 10px;"><i>All images and videos are created with AI.</i></p> </div> </div> </div>

