constellations | lunar's tables

and i was thrashing on the line

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

"Speech,"

Thoughts,

The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.

somewhere between desperate and divine

Zairah

Code:

<link href="https://fonts.googleapis.com/css2?family=Smooch&family=Libre+Baskreville" rel="stylesheet">

<div style="width: 70%; box-sizing: border-box;margin: 0 auto; background: linear-gradient(to bottom, #111111, #000000); border-left: double 5px #700000; border-right: double 5px #700000; box-shadow: 0 0 20px rgba(200, 0, 0, 0.3); border-radius: 50px 50px 30px 30px; padding: 20px 20px 20px 20px; font-family: 'Libre Baskerville', serif; color: #D4D4D4; font-size: 11px; letter-spacing: 0.5px; line-height: 1.6; text-align: justify;"><div style="width: 70%; height: 350px; margin: 0 auto 20px auto; background: url('https://images2.imgbox.com/ed/23/0YvGmfQk_o.jpg') center center / cover no-repeat; border-radius: 30px; border: 2px solid #8a1e1e; box-shadow: 0 0 20px #8a1e1e;"></div><div style="text-align: center; font-size: 11px; font-style: italic; letter-spacing: 1.5px; color: #b33030; text-shadow: 0 0 4px #550000; margin-bottom: 5px;">and i was thrashing on the line</div><div style="background-color: #0b0b0b; border: 1px solid #550000; border-radius: 16px; padding: 20px 30px; box-shadow: inset 0 0 12px rgba(255, 0, 0, 0.05);">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. 

    <br><br>

<span style="color: #c44444; font-weight: bold;">"Speech,"</span>

    <br><br>

<i style="color: #999; font-style: italic;">Thoughts,</i>

    <br><br>

The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</div><div style="margin-top: 5px; text-align: center; font-size: 11px; font-style: italic; color: #c73636; letter-spacing: 2px; text-shadow: 0 0 4px #2e0000;">somewhere between desperate and divine</div><div style="margin-top: 5px; text-align: center; font-family: 'Smooch', cursive; font-size: 65px; color: #8a1e1e; text-shadow: 0px 0px 10px #000; letter-spacing: 1px;">Zairah</div></div>

I heard your heart beating, you were in the darkness too

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque.

"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."

Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

so i stayed in the darkness with you

Zairah

Code:

<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Smooch|Cinzel+Decorative&display=swap" rel="stylesheet">

<div style="width: 75%;box-sizing: border-box;margin: 0 auto;background: linear-gradient(#8e5b3a, #201e19);border-left: double 5px #8e5b3a;border-right: double 5px #8e5b3a;box-shadow: 0px 0px 15px #000;border-radius: 300px 300px 75px 75px;padding: 50px 50px 40px 50px;text-align: justify;font-family:'Libre Baskerville', serif;color: #c7ad9d;font-size: 12px;letter-spacing: 1px;line-height: 15px;"><div style="width: auto;height: 281px;margin: 0 auto;background: url('https://i.pinimg.com/originals/c4/64/5d/c4645d7ebf15df187dc87d3816046d2c.gif') top left no-repeat;border-radius: 300px 300px 0px 0px;border-left: 0px solid #8e5b3a;border-bottom: 15px solid #8e5b3a;box-shadow: 0px 0px 25px 0px #8e5b3a;">

<div style="padding-left: 0px;padding-top: 286px;font-family: 'Libre Baskerville', serif;font-size: 7px;text-align: center;color: #2b1509;text-shadow: 0px 0px 4px #9c8063;letter-spacing: 3.5px;font-weight: bold;text-transform: uppercase;line-height: 8px;">I heard your heart beating, you were in the darkness too</div></div><div style="border-left: double 0px #eff7f7;border-bottom: solid 10px #8e5b3a;background-color: #201e19;border-radius: 0px 0px 25px 25px;box-shadow: 0px 6px 25px 0px #8e5b3a;"><div style="padding-top: 15px;padding-left: 35px;padding-right: 35px;padding-bottom: 15px;text-shadow: 0px 0px 0px #9c8063;">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. <div style="color: #a36034;">"Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc."</div> Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.<br>

<br>

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.</div>

<div style="padding-bottom: 30px;font-family: 'Libre Baskerville', serif;font-size: 12px;padding-right: 0px;text-align: center;color: #2b1509;text-shadow: 0px 0px 5px #9c8063;letter-spacing: 4.5px;font-weight: bold;line-height: 11px;"><i>so i stayed in the darkness with you</i></div></div>

<div style="padding-top: 0px;padding-bottom: 5px;font-family: Smooch;font-size: 65px;text-align: center;color: #2b1509;text-shadow: 0px 0px 15px #9c8063;letter-spacing: 0px;">Zairah</div></div>

Damien

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

you are the storm before the calm
and the ache after the silence

Damien

you are the storm before the calm
and the ache after the silence

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque.

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

NAME

✦ you are the storm before the calm ✦
and the ache after the silence

Inventory

? Iron Dagger
A basic weapon, chipped but functional.

? Worn Leather Vest
Stiff and cracked, but better than nothing.

Magic

✦ Ability — A description of the ability goes here.

Code:

<link href="https://fonts.googleapis.com/css2?family=Cherish&family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet"><div style="width: 70%; margin: 40px auto; box-sizing: border-box; background: url('https://imgur.com/aeRKk6f.png') top center no-repeat #0c0c0c; border-left: 2px solid #5f7a94; border-right: 2px solid #5f7a94; box-shadow: 0 0 20px #000; border-radius: 180px; padding: 750px 50px 40px 50px; font-family: 'Crimson Pro', serif; color: #9fa1b2; font-size: 13px; line-height: 20px; letter-spacing: 0.5px; text-shadow: 0 0 3px #000; text-align: justify;"><div style="font-family: 'Cherish', cursive; font-size: 72px; font-weight: 600; color: #5f7a94; letter-spacing: 5px; text-align: center; text-shadow: 0 0 5px #6c8ba0, 0 0 10px rgba(50, 70, 80, 0.6); -webkit-text-stroke: 0.5px #2b3b44;; margin-top: -30px;">Theea</div><div style="margin: 30px auto 30px auto; padding: 20px 30px; border-left: 2px solid #5f7a94; border-right: 2px solid #5f7a94; font-family: 'Crimson Pro', serif; font-size: 11px; color: #d4d9e5; text-align: center; letter-spacing: 1.5px; font-weight: 600; text-transform: uppercase; line-height: 17px; border-radius: 30px;">QUOTE LINE ONE<br>QUOTE LINE TWO</div><div style="padding: 0 10px 10px 10px;">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque.

    <span style="color: #d8d9dd; font-style: bold;">“Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.”</span>

    Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque.

  </div>

</div>

Code:

<link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;600&family=UnifrakturCook&display=swap" rel="stylesheet"><div style="width: 75%; margin: 40px auto; box-sizing: border-box; background: url('https://imgur.com/CrRbHYJ.png') top center no-repeat #201e1f; border: 2px solid #090808; box-shadow: 0 0 20px #000; border-radius: 0px 0px 0 0; padding: 600px 50px 40px 50px; font-family: 'Crimson Pro', serif; color: #bcbcbc; font-size: 13px; line-height: 20px; letter-spacing: 0.5px; text-shadow: 0 0 4px #000; text-align: justify;"><div style="font-family: 'UnifrakturCook', cursive; font-size: 58px; color: #ebebeb; letter-spacing: 4px; text-align: center; text-shadow: 0 0 20px #000; margin-top: -30px; text-transform: uppercase;">Damien</div><div style="width: 65%; margin: 30px auto 30px auto; padding: 14px 15px; background-color: #3a3839; border: 1px solid #000; box-shadow: 0 0 10px #000; font-family: 'Crimson Pro', serif; font-size: 11px; color: #dcdcdc; text-align: center; letter-spacing: 1.5px; font-weight: 600; text-shadow: 0 0 15px #000; text-transform: uppercase; line-height: 17px; border-radius: 0px;">"I never see you at the club!"<br>Okay? I never see you at the creek</div><div style="padding: 0 10px 10px 10px;">

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. 

    <span style="color: #ebebeb; font-style: bold;">“Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.”</span> 

    Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque.</div></div>

Damien

i speak for the trees
and they hate you bro

Damien

QUOTE LINE ONE
QUOTE LINE TWO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque.

Damien

QUOTE LINE ONE
QUOTE LINE TWO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Damien

QUOTE LINE ONE
QUOTE LINE TWO

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut dapibus neque. “Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc.” Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed.

Theea

sometimes we gotta risk
it all to chase a dream

Lorem ipsum odor amet, consectetuer adipiscing elit. Acongue gravida morbi cras; lectus consequat mattis morbi. Aptent tortor eleifend maecenas nullam duis integer? Curae neque fermentum litora integer condimentum nascetur dignissim. Tellus maximus vivamus lacus eleifend vehicula aliquam penatibus; volutpat scelerisque. Imperdiet viverra penatibus ad senectus mollis. "Metus nec ante enim magnis imperdiet montes. Ornare dis pharetra ornare tortor nisl orci." Vehicula laoreet enim nibh ornare; iaculis dui? Magna senectus hac taciti natoque est risus. Imperdiet conubia posuere risus vel non ipsum fames potenti nisl. Tortor adipiscing laoreet dictum neque sollicitudin lorem mus. Pretium auctor senectus mollis aliquam erat per. Vel dolor ultricies vitae in ex a dui aliquet! Sed curabitur ullamcorper malesuada vitae nisl nascetur tempus quis.

Montes dolor himenaeos fames nostra id id. Condimentum vulputate ad inceptos euismod rutrum cubilia; hac mus. Scelerisque dictumst rhoncus ultricies; rhoncus nascetur massa amet. Euismod quis enim ridiculus nulla dis dui. Per purus integer integer morbi nulla; elit eu fames praesent. Mi nunc porttitor duis magnis lectus maecenas ultrices consectetur. Tempus accumsan fusce rutrum ipsum feugiat. Ut fusce cubilia porttitor per ante finibus. Duis vestibulum pulvinar erat ligula; interdum adipiscing aenean facilisi.

if we dive in headfirst,
all or nothing kinda thing

Code:

<link href="https://fonts.googleapis.com/css2?family=Cherish&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"><div style="width:600px;box-sizing: border-box;margin: 0 auto;background: url('https://imgur.com/tAnTgUx.jpeg') top center no-repeat #141213;border: 5px solid #252324;box-shadow: 0px 0px 15px #000;border-radius: 300px 300px 50px 50px;padding: 525px 40px 45px 40px;text-align: justify;font-family: 'Libre Baskerville';color: #d8dde2;font-size: 12px;letter-spacing: 1px;line-height: 17px;position: relative;"><div style="margin-bottom: -10px;left: 10px;font-family: 'Cherish';font-size: 100px;text-align: left;color: #c3b6a3;text-shadow: 0px 0px 15px #cfd6df40, 0px 0px 25px #3b3f45;letter-spacing: 3px;line-height: 36%;padding-left: 50px;position:relative;z-index:2;">Theea</div><div style="border-left: solid 5px #c7946a;border-right: solid 5px #c7946a;background-color: rgba(10,10,13,0.70);border-radius: 50px 50px 20px 20px;box-shadow: 0px 0px 25px #c7946a; position:relative;z-index:1; "><div style="padding-top: 20px;padding-bottom: 15px;padding-right:20px;font-family: 'Libre Baskerville', serif;font-size: 8px;text-align: right;color: #c7946a;text-shadow: 0px 0px 7px;letter-spacing: 2px;font-weight: bold;text-transform: uppercase;line-height: 12px;">sometimes we gotta risk&nbsp;<br>it all to chase a dream</div><div style="padding-top: 0px;padding-left: 20px;padding-right: 20px;padding-bottom: 15px;text-shadow: 0px 0px 10px;">Lorem ipsum odor amet, consectetuer adipiscing elit. Acongue gravida morbi cras; lectus consequat mattis morbi. Aptent tortor eleifend maecenas nullam duis integer? Curae neque fermentum litora integer condimentum nascetur dignissim. Tellus maximus vivamus lacus eleifend vehicula aliquam penatibus; volutpat scelerisque. Imperdiet viverra penatibus ad senectus mollis. <font color="#c7946a">"Metus nec ante enim magnis imperdiet montes. Ornare dis pharetra ornare tortor nisl orci."</font> Vehicula laoreet enim nibh ornare; iaculis dui? Magna senectus hac taciti natoque est risus. Imperdiet conubia posuere risus vel non ipsum fames potenti nisl. Tortor adipiscing laoreet dictum neque sollicitudin lorem mus. Pretium auctor senectus mollis aliquam erat per. Vel dolor ultricies vitae in ex a dui aliquet! Sed curabitur ullamcorper malesuada vitae nisl nascetur tempus quis.<br><br>Montes dolor himenaeos fames nostra id id. Condimentum vulputate ad inceptos euismod rutrum cubilia; hac mus. Scelerisque dictumst rhoncus ultricies; rhoncus nascetur massa amet. Euismod quis enim ridiculus nulla dis dui. Per purus integer integer morbi nulla; elit eu fames praesent. Mi nunc porttitor duis magnis lectus maecenas ultrices consectetur. Tempus accumsan fusce rutrum ipsum feugiat. Ut fusce cubilia porttitor per ante finibus. Duis vestibulum pulvinar erat ligula; interdum adipiscing aenean facilisi.</div><div style="padding-top: 0px;padding-bottom: 10px;font-family: 'Libre Baskerville', serif;font-size: 8px;text-align: center;color: #c7946a;text-shadow: 0px 0px 4px #000000;letter-spacing: 2px;font-weight: bold;text-transform: uppercase;line-height: 11px;">if we dive in headfirst,<br>all or nothing kinda thing</div></div></div>