constellation
๐บ ๐๐๐๐๐ ๐๐๐บ๐
[class=border]width: 600px; height: 420px; margin: auto;[/class]
[class=placeholder]width: 600px; height: 420px; margin: auto; position: absolute;[/class]
[class=hexagon1]display: block; position: absolute; top: 0; left: 75px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); margin: 0 auto; width: 140px; height: 150px; background-color: #111111; transition: all 2.5s linear; overflow: hidden; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);[/class]
[class=hexagon2]display: block; position: absolute; top: 135px; left: 0; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); margin: 0 auto; width: 140px; height: 150px; transition: all 2.5s linear; overflow: hidden; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); background-image: url(https://66.media.tumblr.com/593673272d0e25a58e15ef01d40c85ca/435857fafa510b90-7e/s500x750/e4307b8a1b66601302d87637f53bfb20a8cc4bed.png); background-size: cover; background-position: 50%;[/class]
[class=hexagon3]display: block; position: absolute; top: 270px; left: 75px; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); margin: 0 auto; width: 140px; height: 150px; background-color: #111111; transition: all 2.5s linear; overflow: hidden; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);[/class]
[class=icon]position: absolute; top: 30px; left: 30px; color: #ECECEA; font-size: 40px;[/class]
[class=hexin]position: absolute; left: -5px; right: 0; bottom: 0; background: #9F4343; z-index: 1; width: 130%; height: 40px; transform: rotate(-29deg); transition: all 0.7s linear; text-align: center; font-size: 11px; font-family: Khula; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #f5f5f5;[/class]
[class name=hexin state=hover]height: 170px; width: 105%; transform: rotate(0deg);[/class]
[class=textbox]margin: 30px 16px; width: 118px; height: 80px; font-size: 11px; line-height: 15px; display: flex; justify-content: center; align-items: center;[/class]
[class=post]position: absolute; bottom: 10px; right: 0; height: 400px; width: 350px; text-align: justify; overflow-x: hidden; font-size: 13px; white-space: pre-line; padding-right: 10px; font-family: Khula; color: #000;[/class]
[div class=border][div class=placeholder]
[/div][/div][/div]
[div class=hexagon1][div class=icon style="font-size: 45px;"]
[div class=hexin]MOOD
[div class=textbox]โ kodi is w h o ? โ[div class=hexagon2][div class=hexin]
[/div][/div][/div]
OUTFIT
[div class=textbox]party girl !
[div class=hexagon3][div class=icon]
[div class=hexin]INTERACTIONS
[div class=textbox]brielle moreno[/div][/div][/div][/div]
[div class=post]Burned out. That was exactly how Sofia felt right now. But of course, she couldnโt let it show on her face. The party had been completely the opposite of what she envisioned earlier that day, in fact, she never would have expected any of what had happened to go down. Maybe she cared too much about it all, and she wasnโt even sure why. It was just going to be one night that she probably wouldnโt even remember in yearsโ time. Thankfully, the vibrations coming from her phone distracted her train of thoughts, but what her best friend said next almost felt like a slap to the face. But more of a โbring my best friend backโ slap and Sofia didnโt even mind.
โIโm sorry, Bri,โ Sofia groaned quietly, not because the slight nudge in the ribs Bri gave her hurt, but because she had, in fact, left Bri out after supposedly agreeing to spend the night with her, having fun. God, she was a terrible friend, but she could try and make it up to her now that she had her again. This was exactly what she needed after everything. โHow about we just have fun, dance and get wasted like the old times? I could really do with that,โ she offered her best friend, her brows wiggling up and down.
But in those couple seconds of silence, as Sofia awaited Brielleโs response, the vibration coming from her phone once again forced her to stop, pull out her phone to check up on whoever it was that was texting her โ Kylie, probably. But it wasnโt just Kylie. The letter W glared on her screen as a notification and instantly, her body froze. Her heart dropped and her face lost all colour as she battled to keep her composure. So many questions ran through her head โ the first one being, what, no โ who the fuck?
The memories of a year ago hit her like a train; poor Greta had run out of the classroom, tears running down her face because of the blast that W had sent out about her. Of course, it came out incredibly unexpected and it left everybody on edge. Although, it was only the first time theyโd heard of and from W, nobody expected to hear again after months passed andโฆ silence. So, why now?
Sofia barely waited as she opened the message, her eyes reading the words. Though, as every second passed and the more she read, her eyebrows creased gradually in confusion. Kodi is the nephew... of the POTUS? This had to be a joke of some sort. Was it true? And why hadnโt he just told her from the start? She had no idea, but pestering Kodi was the only choice left on the table that she had to answer her questions. Slowly, her piercing eyes shot up to glance around the crowd, and if not for the raging party, then she was confident everyoneโs attention would have been on their phones, but luckily, not. Though that didnโt mean theyโd miss Wโs text completely. By tomorrow, everyone would know.
Turning her attention towards Brielle, Sofia finally spoke. โSo, apparently Kodi is the nephew of the president of USA.โ[/div][/div][/div][/div]
[div class=credit][/div][div class=credit2 style="display: none;"]code + design by constellation[/div]
[class=credit]position: absolute; top: 10px; left: 10px; font-size: 15px; color: #9F4343; transition: 1s;[/class]
[class=credit2]position: absolute; top: 20px; left: 20px; max-width: 160px; margin: 15px; font-size: 10px; letter-spacing: 3px; text-align: center; font-weight: 500; text-transform: lowercase; padding: 25px 30px; color: #692c2c; border: 1px solid #e2e2e2; background: white;[/class]
[class name="credit" state="hover"]cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; color: #692c2c; transitions: 1s;[/class]
[script class=credit on=mouseenter]fadeIn 1000 credit2[/script][script class=credit on=mouseleave]fadeOut 1000 credit2[/script]