One x One 𝗋𝖾𝗐𝗂𝗇𝖽 𝗍𝗈 𝗐𝗁𝖾𝗇 𝗂 𝗁𝖺𝖽 𝗒𝗈𝗎 — 𝖼𝗁𝖺𝗋𝖺𝖼𝗍𝖾𝗋𝗌.

[constellation]

[class=outline]margin: auto; height: 150px; width: 800px;[/class] [class=border]margin: auto; height: 150px; width: 800px; position: absolute;[/class] [class=three]margin: auto; height: 150px; width: 800px; border-radius: 15px; background: #f4f4f4;[/class] [class=title]position: absolute; height: 150px; width: 800px; text-align: center; background-color: rgba(119,221,171,0.25); color: rgba(119,221,171, 1); border-radius: 10px 10px 0px 0px; font-family: Montserrat; text-transform: lowercase; letter-spacing: 1px; font-size: 10px; overflow: hidden; line-height: 150px;[/class] [class=number]position: absolute; top: 0; left: 0; height: 150px; width: 800px; font-family: Abril Fatface; text-align: center; font-size: 55px; color: rgba(119,221,171, 0.2); text-transform: uppercase; letter-spacing: -1px;[/class]

[div class=outline][div class=border] [div class=three][div class=title][div class=number]rewind to when i had you

the characters made by hanthesunbeam and constellation.[/div][/div][/div][/div][/div]

 

[ameuSHhen1Tn2ba]

[class=bkgd] position: relative; box-sizing: border-box; width: 600px; height: 400px; background-color: #acbfbd; border: 3px solid #f4eade ; overflow: hidden; margin-left: auto; margin-right: auto; padding: 0; border-radius: 10px; [/class] [class=pic] position: absolute; overflow: visible; width: 224px; height: 402px; left: 0px; top: -2px; background: url(https://i.pinimg.com/originals/57/b7/e2/57b7e2027e42c1225760f5fea6dc5546.jpg); background-size: cover; border-right: 3px solid #f4eade ; [/class] [class=title] position: absolute; left: 183px; top: 10px; overflow: hidden; width: 400px; height: auto; color: #9aa7a0 ; text-shadow: 2px 2px 0px #788991; text-transform: uppercase; text-align: right; font-style: normal; font-weight: normal; font-size: 30px; padding-right: 3px; [/class] [class=role] position: absolute; left: 383px; top: 46px; overflow: hidden; width: 200px; height: auto; color: #474e58 ; text-transform: uppercase; text-shadow: 1px 2px 0px #252a2e ; text-align: right; font-style: italic; font-weight: normal; font-size: 20px; padding-right: 3px; [/class] [class=underline] overflow: visible; position: absolute; top: 62.5px; left: 247px; width: 337px; height: 3px; border-radius: 10px; background-color: #f4eade; [/class] [class=tab] position: absolute; overflow: visible; width: 38px; height: 38px; background-color: #cab286 ; border: 3px solid #fbfaf8 ; border-radius: 100px; color: #f4eade font-size: 30px; line-height: 40px; text-align: center; font-weight: 700; [/class] [class=body] position: relative; overflow: auto; width: 297px; height: 240px; color: #f4eade ; text-align: justify; text-transform: lowercase; line-height: 11px; font-size: 10px; padding: 5px; [/class] [class=bodycont] position: absolute; overflow: hidden; width: 290px; height: 256px; left: 270px; top: 119px; background-color: #b6c2aa ; box-shadow: 3px 3px 0px #001F2C; border-radius: 10px [/class] [class=sub1] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #788991 ; text-shadow: 1px 2px 0px #474e58 ; [/class] [class=sub2] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #788991 ; text-shadow: 1px 2px 0px #474e58 ; [/class] [class=sub3] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #788991 ; text-shadow: 1px 2px 0px #474e58 ; [/class] [class=sub4] position: absolute; left: 270px; top: 90px; overflow: hidden; width: auto; height: auto; text-align: left; text-transform: uppercase; font-style: normal; font-weight: normal; font-size: 20px; color: #788991; text-shadow: 1px 2px 0px #474e58 ; [/class] [class=tag] position: relative; overflow: hidden; width: auto; height: 10px; display: inline; background-color: #cab286 ; border-radius: 50px; box-shadow: 2px 2px 0px #312c27 ; color: #312c27 ; text-transform: uppercase; font-size: 10px; font-weight: 700; padding-right: 5px; padding-left: 5px; margin-right: 3px; [/class] [class=credit] position: relative; overflow: hidden; width: 100%; height: 10px; text-align: center; font-style: normal; font-weight: normal; font-size: 8px; color: #8D220C; opacity: 0.8; [/class] [class name=tab state=hover] background-color: #837665 ; [/class] [script class=tab on=click] hide tabsContent set currentTab (getText) if (eq ${currentTab} 1) (show tabsContentBasics) if (eq ${currentTab} 1) (show sub1) if (eq ${currentTab} 1) (hide sub2) if (eq ${currentTab} 1) (hide sub3) if (eq ${currentTab} 1) (hide sub4) if (eq ${currentTab} 2) (show tabsContentPersona) if (eq ${currentTab} 2) (show sub2) if (eq ${currentTab} 2) (hide sub1) if (eq ${currentTab} 2) (hide sub3) if (eq ${currentTab} 2) (hide sub4) if (eq ${currentTab} 3) (show tabsContentBackground) if (eq ${currentTab} 3) (show sub3) if (eq ${currentTab} 3) (hide sub1) if (eq ${currentTab} 3) (hide sub2) if (eq ${currentTab} 3) (hide sub4) if (eq ${currentTab} 4) (show tabsContentOther) if (eq ${currentTab} 4) (show sub4) if (eq ${currentTab} 4) (hide sub1) if (eq ${currentTab} 4) (hide sub2) if (eq ${currentTab} 4) (hide sub3) [/script]
[div class=bkgd]
[div class=pic][/div]
[div class=title]Lee Ae-Jung[/div]
[div class=underline][/div]
[div class=role]the artist[/div]
[div class=line][/div]
[div class=sub1]basics[/div]
[div class=sub2 style="display: none;"]persona[/div]
[div class=sub3 style="display: none;"]background[/div]
[div class=sub4 style="display: none;"]other[/div]

[div class=tabs][div class=tab style="left: 205px; top: 100px;"]1[/div][div class=tab style="left: 205px; top: 154px;"]2[/div][div class=tab style="left: 205px; top: 208px;"]3[/div][div class=tab style="left: 205px; top: 262px;"]4[/div][/div]

[div class=one]1[/div]
[div class=two]2[/div]
[div class=three]3[/div]
[div class=four]4[/div]

[div class="tabsContent tabsContentBasics"][div class=bodycont][div class=body]
[div class=tag]name[/div] Lee Ae-Jung

[div class=tag]english name[/div] Abigail Lee

[div class=tag]nickname[/div] AJ or Abby. Almost everyone she knows calls her AJ.

[div class=tag]age[/div] 30

[div class=tag]gender[/div] female

[div class=tag]sexuality[/div] heterosexual

[div class=tag]occupation[/div] Freelance artist

[div class=tag]hair color[/div] black

[div class=tag]eye color[/div] black

[div class=tag]height[/div] 5' 3"

[div class=tag]weight[/div] 117 lbs.

[div class=tag]tatoos[/div]Collarbone, left thigh, and right ankle

[div class=tag]attire[/div] x x x

[div class=tag]faceclaim[/div] jung so-min

[/div][/div][/div]


[div class="tabsContent tabsContentPersona" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]strengths[/div]
+ Creative
+ Good people skills
+ Energetic and Passionate
+ Warm and Empathetic
+ Fun and Spontaneous

[div class=tag]weaknesses[/div]
- Disorganised
- Fiercely independent
- Needs to be liked by others
- Bad at Stress Management
- Has a hard time expressing negative emotions to others

[div class=tag]personality type[/div] enfp

[div class=tag]likes[/div]
Art
Trying new Food
Museums
Reflecting

[div class=tag]dislikes[/div]
Rules
Fake people
Trains
Cleaning

[div class=tag]Hobbies[/div]
Funnily enough, AJ will often still give tours at the museum she used to work at during school. She loves to pass on new knowledge and inspire others to love art as much as she does. It helps her pass the time and gives her a little extra pocket change, even if she doesn't need it.

[div class=tag]fears[/div]
AJ is afraid of heights. Anything high up will scare her so much. Going on a Ferris wheel? No thank you. Roller coasters? Nuh uh. If it involves being high in the air, count her out.

[/div][/div][/div]


[div class="tabsContent tabsContentBackground" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]history[/div]

Ae-jung was four when her family moved from Seoul, South Korea to Chicago, Illinois. Her father was transferred to start a new branch of the company he worked for. So the family, consisting of her parents, her older brother, and herself, packed up and moved to accommodate her father's promotion. The family was always well off, not exactly rich but not poor by any means. Both parents had high expectations for their children. Knowing that their children were intelligent, they always pushed for their excellence. In a way, Abby had always appreciated that her parents thought highly of her. That was until she found her passion. At a very young age, Ae-jung had shown artistic talent. Her art teacher in 8th grade said her work was extraordinary. Not only was she good at it, she loved it. She loved to paint her heart out. She spent hours painting on canvas. Buying her own paint supplies since her parents saw no need to get them for her.

Her parents still pushed her to go to medical school or to law school. The pressure became immense her senior year of high school. They started applying for colleges for her and telling her she needed to study hard. But she didn't want to go to school to become a doctor or a lawyer. Ae-jung wanted to be an artist. She wanted to create for a living. When she had told her parents this, they laughed at her, thinking it was a joke. Then they yelled at her when the realized she was very serious. They told her that being an artist wasn't a job. That she would never make it. They told her that she would live a poor life. They told her that if she went to art school that they would never pay for it and she would have to make her own way. So she did. Ae-Jung applied to the Chicago College of art for Fine Arts. She was immediately accepted.

Going to art school was the best decision of her life. She loved the fun and exciting atmosphere. Her parents weren't breathing down her neck, even if they had slightly disowned her. Abigail was happy, following her passion and allowed to be as free as she wanted. In order to pay her way through college, she got a job at a museum as a receptionist. Ae-jung had a good group of friends who liked to go out fairly often. There was one college party where she had been ditched by the majority of her friends and was left alone. That was the night she met Hak Yoo-jin. The pair instantly hit it off. She couldn't help but develop a crush on him. He was just so annoyingly great. So eventually the pair started to date.

Ae-jung fell madly in love with Yoo-Jin. Although she will never admit it, being with Yoo-jin were the best years of her life. She was the absolute happiest during that time. He completed her life, he made her feel whole. That was until he was torn away from her. Yoo-Jin was, and still is, an amazing dancer. He caught the attention of a lot of companies, including one of the best international performance teams in the world. She couldn't hold him back, this was his dream. She could only imagine how she would feel if she had been given an offer like his and never took it because of him. AJ would rather give him up than have him resent her for the rest of their lives. Even if they ended things, it wasn't because she didn't love him. No it was because she loved him more than herself.

They continued to be friends after that. Heck, they knew everything about each other. They were best friends as much as they were lovers. Then things changed again. Yoo-Jin's sister passed away. She knew how devastated he would be. She rushed to his side to comfort him and help him through this hard time. But she feels that they made a mistake. They slept together. After the night they spent together, he pushed her away. Ae-Jung could only see that as the cause. Again, she felt heart broken over him. They hadn't spoken since.

About a year later, she met Daniel. Ae-jung had started her own small free-lance company. She did a lot of portraits and work for offices. Daniel Cartwright was a successful young CEO of his own company. He was opening an office in Chicago and wanted a local artist to add decor to the space. So he hired Abigail. He was very nice and a gentleman. When she was finished, he even gave her a big tip. A few weeks later he contacted her again to do a project for his home office. Then he hired her a third time for some other painting he wanted. He finally confessed after they met up in person to exchange his third order that the reason he had hired her so many times was because he really liked her. They had spent quite a few hours on video call to talk about inspiration and things like that. They had somewhat gotten to know each other over the past few months and Ae-Jung thought, what the heck, may as well date him.

That was 4 years ago. They have since moved into a giant apartment in the city, Daniel's company is booming, and Ae-jung is finding a lot of success as an artist. Her parents are really happy with her decision in marriage mate. Abby has finally seemed to redeem herself in her parent's opinion. He recently proposed to her about 6 months ago and the couple has yet to set a date. He has been rather distant, for that past year his distance has grown. They don't talk very often because he is often gone on business. But Ae-Jung knows she still loves him. She's tried so hard up till this point to keep them together, how can she give up now?

[div class=tag]education[/div]
Masters in Fine Arts and Bachelor's in Art History

[div class=tag]relationships[/div]
Lee Kwang-Sik and Min-Jung|Parents (61 & 57): The three hadn't really gotten along when she was a young adult. They saw her path in life as careless and selfish. They cut her off monetarily when she went off to college. While they did contact her and have her over, their time together was mostly filled with nagging. It was only recently, since she's been with Daniel, that her parents have softened. They love their future son-in-law, especially that he is rich. They say she's made up for all the suffering she put them through when she was younger because of him.

Alexander Lee|Brother (34)- Alex and Abby have always seemed to get along. They weren't particularly close, but they were always friendly. Alex went the path their parents wanted him to take and went to school to be a doctor. Now he is a General Surgeon. She thought he could do no wrong in her parents' eyes until he got a divorce from his wife about two years ago. The two have a 7 year old and a 4 year old, both boys.

Daniel Cartwright|Fiance (32)- Daniel and AJ started out in a very loving, passionate relationship. Once the honeymoon phase was over, though, Ae-jung has felt a little forgotten about. She knows he's busy, she understands that. The fact that he proposed to her seemed like a good sign, that he still loves her and wants to be with her. Part of her doesn't know if that's true. The other half doesn't allow her to think that way.

Hak Yoo-Jin|Ex (age)- They haven't spoken in years. AJ knows the feelings she had for him are gone, but he will always hold a special place in her heart. When you truly love someone, that tends to be the case. He was the first person she fell in love with (and also the first person to break her heart). She wonders how he is doing on occasion. They used to be very close, even after the break up. She honestly misses his friendship.

[/div][/div][/div]


[div class="tabsContent tabsContentOther" style="display: none;"][div class=bodycont][div class=body]
[div class=tag]gallery[/div]

[/div][/div][/div]
[/div][div class=credit]code by sox[/div]

 

[constellation]

[class=container] --main-color: #f9b23e; --image-1: url(https://photos.hancinema.net/photos/photo930854.jpg); --image-2: url(https://photos.hancinema.net/photos/photo930857.jpg); --image-3: url(https://photos.hancinema.net/photos/photo930856.jpg); --image-4: url(https://66.media.tumblr.com/a0a8d4aa8ea56ee5519339726a0bb2e0/tumblr_prwtntyyUH1twieauo2_250.gifv); --image-5: url(https://66.media.tumblr.com/7212f03d290e4f7b30ae985491d7ae9c/tumblr_prwtntyyUH1twieauo7_250.gifv); --image-6: url(https://66.media.tumblr.com/36c814a90761b1e63429cb9c7120fe93/tumblr_inline_oqohy8rNQk1t2ttdj_250.gifv); --image-7: url(https://66.media.tumblr.com/ceb3643071883d213c40b93a8e7d2523/tumblr_inline_oqoi34IK7O1t2ttdj_250.gifv); --image-8: url(https://66.media.tumblr.com/607ce08ad95330f7ed372d65c94f7685/tumblr_inline_oqopugQt751t2ttdj_250.gifv); --image-9: url(https://photos.hancinema.net/photos/photo930854.jpg); [/class] [div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div] [div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]HAK YOO-JIN[/div] [div class=subtitle]THE CONTEMPORARY DANCER[/div][/div] [div class="tabContents tabContents2"][div class=header]about.[/div][div class=tabtwoimage][/div] [div class=about2]

[div class=tag2]HAIR[/div] naturally black, however ocassionaly dyed brown. [div class=tag2]EYES[/div] dull brown. [div class=tag2]HEIGHT[/div] six foot, two inches. [div class=tag2]BUILD[/div] thin and athletic.

[div class=tag2]TATTOOS[/div] left hand, back of right foot [div class=tag2]ATTIRE[/div] yoo-jin is a comfort over style man, and he likes to dress lightly. for example — this, this and this. [div class=tag2]FACECLAIM[/div] kim young-kwang.

[/div] [div class=about][div class=info][div class=tag]nickname[/div] jinnie[/div] [div class=info][div class=tag]age[/div] thirty - two[/div] [div class=info][div class=tag]gender[/div] male[/div] [div class=info][div class=tag]sexuality[/div] heterosexual[/div][/div][/div] [div class="tabContents tabContents3"][div class=header]persona.[/div] [div class=tabthreeimage][/div] [div class=persona][div class=scroll][div class=tag2]personality type[/div] enfj — the protagonist. [div class=tag2]strengths[/div] most of yoo-jin's strengths comes from his talent and occupation of dancing. physically, he has great flexibility, co-ordination and agility. his passion has allowed him to manage his weight, eat healthily and stay on top of his fitness. socially, he has learned how to observe others and analyze their actions to improve on himself. alongside that, he is also capable of leaving his comfort zone and trying out new things to discover hidden likes, hobbies and skills. yoo-jin enjoys listening to other's opinions and is often very reliable, allowing others to count on him to see things through. he is charismatic in that he knows how to charm and capture other's attention; picking up on moods to allow him to shift his own tone and manners to reflect theirs. [div class=tag2]weaknesses[/div] often incredibly selfless, yoo-jin has a bad habit of burying himself in hopeful promises and strives to help others with their problems, almost making them his own. failing to help somebody will undoubtedly make him feel bad. his self-esteem fluctuates quite often and he tends to ask others for criticism more out of insecurity rather than out of confidence, always wondering what he could do better. without realising, yoo-jin frequently finds himself overworking to the point that he physically tires himself out which results in him staying cooped up in his home to sleep in or have a day to himself. [div class=tag2]likes[/div] lover of animals (especially dogs), chicken and beer together, the beach, resolving problems, exploring new music and dancing. [div class=tag2]dislikes[/div] being allergic to seafood, cold weather, drama, numbers that are odd, silence, birds and criticism. [div class=tag2]hobbie[/div] dancing barefoot or in the rain, reading books/novels, staying on his phone for hours, relaxing, meditating and hanging out with friends. [div class=tag2]fears[/div] after a small incident while he was young, yoo-jin has a fear of bees. he also isn't too fond of clowns and ghosts which he believes are very real.[/div][/div][/div] [div class="tabContents tabContents4"][div class=header]backstory.[/div] [div class=boxes][div class=box]BORN
11.01.1988[/div] [div class=box]HOMEPLACE
busan, sk[/div] [div class=box]OCCUPATION
dancer[/div] [div class=box]STATUS
middle[/div][/div] [div class=history][div class=scroll][div class=tag]the move.[/div] originally bored and raised in busan, south korea, hak yoo-jin and his family of three moved to chicago when he was just eight years old where he discovered to have more family relatives. this was long enough for him to be able to catch onto the german accent and language, especially considering his parents preferred to speak to him in their native language. the move was quite drastic on yoo-jin and his twin sister, yoo-ju, with the language border getting in the way of communication and culture being completely different. but with the help of one-to-one sessions with an english tutor, it wasn’t too long before yoo-jin and yoo-ju were both speaking english with a few mispronunciations, and by twelve years old, they were completely fluent. despite the slight struggle in settling, the two were both very well-rounded and popular at school due to their charisma and sibling duo. [div class=tag]to dance.[/div] yoo-jin’s parents were never incredibly wealthy, but were living comfortably. a year after they settled, his father and mother partnered with his uncle and aunt to open a korean chicken and beer café called “bonchon chicken” which translated to “my hometown chicken”. they started off incredibly slow, but after some time, they were doing good enough to keep a roof over their heads and provide yoo-jin and yoo-ju with all the right necessities. but, it wasn’t until their ninth birthday where yoo-ju received a card with the silhouette of a ballerina printed on it, and he was utterly entranced by it. he wanted to know more about it, and so he researched all about ballet and where he could learn. eventually, his mother arranged for him to take ballet classes, along with his sister. the moment he stepped into the studio for the first time was like walking into a dream. the music playing, kids dancing, laughter and the aura of friendliness caught his attention immediately despite how nervous he felt. the dance supervisor took him by the hand, and explained everything. yoo-jin loved every second of it, but his sister on the other hand, did not. she dropped out a couple of months in when she realised it wasn't her fort. [div class=tag]that one party.[/div] it wasn’t until college came around, and that’s when things began to go slightly downhill for the hak siblings. yoo-jin was so hung on being popular and the best dancer on his course that he hadn’t realised his sister was going down a rough route. she had involved herself with the wrong crowd, spending her nights partying and her days getting high under the bleachers. it was one particular party that changed yoo-jin’s life for the good and bad. he met lee ae-jung, who caught his eye with her innocent beauty from the start, alone in the crowd. it was evident that the two had a strong connection and that didn’t hold yoo-jin back from asking her out on a date. but later that same night, yoo-jin had caught his sister, heavily under the influence and injecting drugs into her system, with a male very much older than her with clear bad intentions. as much as he wanted to do something, stop her from making such terrible decisions – they fought, but to no avail, stubborn yoo-ju continued to do whatever she wanted. [div class=tag]follow your dreams.[/div] time passed, yoo-jin had spent most of his days practising, working on his dancing, making sure that his loving girlfriend, ae-jung, was happy, along with his parents. of course, he’d check in on his sister every now and then, who was doing a great job at hiding her secrets away from their parents. yoo-jin simply wanted nothing to do with it, knowing well that he would just cause problems by interfering. when it had finally come to signing with a company, yoo-jin felt conflicted. he had managed to catch the interest of companies from all over the world with his performances and auditions, but he was unsure where to go and what to choose. staying home with his family and ae-jung, who he had fallen deeply in love with, had made him want to stay. he could picture himself getting married to ae-jung and starting a life with her forever. but, he simply couldn’t throw his dreams away of joining one of the best international performance teams in the world. so, he left. [div class=tag]bittersweet hellos and goodbyes.[/div] yoo-jin tried his best to stay in touch with ae-jung, even despite telling her that he didn’t think a long-distance relationship was what they needed. he’d often video call with her to check up on her and make sure that things were well back at home. over time, video calls eventually turned into slow messages as yoo-jin’s professional life began to get busier. until one day, his father called to tell him that his sister had passed away from drug abuse. yoo-jin felt shocked. he bought a ticket for the first flight home and it wasn’t long before he was watching them bury his sister into the ground. luckily, he had ae-jung’s comfort to rest on, but with all his heightened emotions, he couldn’t hold himself back from letting his love for ae-jung unravel. he kissed her, and she kissed back. they end up sleeping together and the next morning, yoo-jin feels nothing but more regret, because of his sister and having mistakenly rekindled his flame with ae-jung. he grabs his things and leaves before ae-jung can awaken. he pushes her away and they never speak again. [div class=tag]present.[/div] here.[/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: left center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: left center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: left center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: left center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: left center;"][/div][/div][/div][/div][/div][/div]

coded by constellation.

[class=container] width: 540px; height: 350px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 540px; height: 350px; background: #f1f1f1; margin: 0 auto; border: 1px solid #f1f1f1; background-image: url(https://www.transparenttextures.com/patterns/ecailles.png); [/class] [class=tabs] position: absolute; top: 50px; left: 0; height: 290px; width: 50px; display: flex; justify-content: flex-end; flex-direction: column; [/class] [class=tab] height: 11px; width: 11px; background: var(--main-color); border-radius: 100%; margin: 5px 20px; border: 1px solid var(--main-color); transition: 1s; [/class] [class=header] position: absolute; top: -50px; left: -50px; height: 50px; width: 320px; padding: 0 15px; color: var(--main-color); line-height: 50px; text-transform: uppercase; font-weight: 900; font-size: 23px; [/class] [class=tabContents] position: absolute; bottom: 0; right: 0; height: 300px; width: 490px; background: white; opacity: 0; transition: all .5s; font-family: Sen; font-size: 12px; color: black; [/class] [class=show] opacity: 1; transition: all 1s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; background: white; transition: 1s; [/class] [class=chosentab] background: white; [/class] [class=mainimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-1); background-size: cover; background-position: 50% 20%; [/class] [class=title] position: absolute; bottom: 50px; left: 50px; font-size: 40px; font-weight: 900; text-transform: uppercase; color: var(--main-color); [/class] [class=subtitle] position: absolute; bottom: 100px; left: 53px; font-size: 12px; font-weight: 400; text-transform: uppercase; color: #333; [/class] [class=about] position: absolute; top: 0; left: 0; height: 80px; width: 490px; display: flex; flex-direction: row; [/class] [class=info] height: 40px; width: 122.5px; font-size: 11px; text-transform: uppercase; font-weight: 200; color: #333; text-align: center; padding: 20px 0; [/class] [class=tag] font-size: 12px; text-transform: uppercase; font-weight: 600; color: var(--main-color); [/class] [class=tabtwoimage] position: absolute; top: 80px; left: 0; height: 100px; width: 490px; background: var(--image-2); background-size: cover; background-position: 50% 30%; [/class] [class=tag2] display: inline-block; padding: 0px 5px; background: var(--main-color); color: white; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; [/class] [class=about2] position: absolute; bottom: 10px; left: 10px; height: 100px; width: 470px; white-space: pre-line; overflow-x: hidden; line-height: 150%; [/class] [class=tabthreeimage] position: absolute; top: 0; right: 0; height: 300px; width: 250px; -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); background: var(--image-3); background-size: cover; background-position: center left; [/class] [class=persona] position: absolute; top: 15px; left: 15px; height: 270px; width: 235px; overflow: hidden; white-space: pre-line; line-height: 150%; text-transform: lowercase; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; [/class] [class=boxes] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; display: flex; flex-direction: column; justify-content: space-between; [/class] [class=box] height: 28px; width: 80px; background: var(--main-color); font-size: 11px; text-transform: uppercase; font-weight: 200; color: #fff; padding: 14px 10px; line-height: 130%; [/class] [class=history] position: absolute; top: 15px; right: 0; height: 270px; width: 360px; overflow: hidden; white-space: pre-line; line-height: 150%; padding-left: 20px; text-align: justify; text-transform: lowercase; [/class] [class=slideshow] height: 110px; max-width: 490px; margin: 0 auto; position: relative; top: 150px; overflow: hidden; transform: translate3d(0, 0, 0); border-top: 3px solid black; border-bottom: 3px solid black; [/class] [class=slide] height: 110px; width: 1485px; background: black; position: absolute; top: 0; left: 0; height: 100%; transform: translate3d(0, 0, 0); [/class] [class=simage] display: inline-block; height: 110px; width: 161px; [/class] [class=slide] animation: {post_id}move 10s linear infinite; [/class] [animation=move] [keyframe=100] transform: translateX(-55.56%); [/keyframe] [/animation] [class=tabfiveimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-9); background-size: cover; background-position: 50% 20%; [/class]