One x One 𝗅𝗈𝗏𝖾 𝗁𝖾𝗋 𝗅𝗂𝗄𝖾 𝗇𝗈𝖻𝗈𝖽𝗒 𝖾𝗅𝗌𝖾 𝖼𝖺𝗇 — 𝖼𝗁𝖺𝗋𝖺𝖼𝗍𝖾𝗋𝗌.

[constellation]

[class=outline]margin: auto; height: 150px; width: 925px;[/class] [class=border]margin: auto; height: 150px; width: 925px; position: absolute;[/class] [class=three]margin: auto; height: 150px; width: 925px; border-radius: 15px; background: #f4f4f4;[/class] [class=title]position: absolute; height: 150px; width: 925px; text-align: center; background-color: rgba(119,179,203,0.25); color: rgba(119,179,203, 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: 925px; font-family: Abril Fatface; text-align: center; font-size: 55px; color: rgba(119,179,203, 0.14); text-transform: uppercase; letter-spacing: -1px;[/class]

[div class=outline][div class=border] [div class=three][div class=title][div class=number]love her like nobody else can

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

 

[ShadyAce]

[class=variables] --color: #813e47; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; font-size: 13px; [/class] [class=container] width: 700px; height: 700px; margin: auto; transition: 1s; overflow: hidden; display: flex; [/class] [class name=container maxWidth=450px] width: 350px; height: 600px; display: flex; [/class] [class=image] height: 100%; width: 200px; background-image: linear-gradient(rgba(129, 62, 71, 0), rgba(129, 62, 71, 0.8), rgba(129, 62, 71, 1)), url('https://iv1.lisimg.com/image/16740603/717full-emilija-baranac.jpg'); background-size: cover; background-position: 73% 40%; position: relative; transform: translateX(100%); transition: 2s; z-index: 2; [/class] [class name=image maxWidth=450px] transform: translateX(0%); height: 600px; width: 100px; [/class] [class=title] font-size: 80px; color: white; transform: rotate(-90deg); text-transform: uppercase; font-weight: 900; width: 700px; position: relative; top: 210px; left: -250px; [/class] [class name=title maxWidth=450px] top: 160px; left: -300px; [/class] [class=arrow] position: absolute; font-size: 40px; color: white; top: 620px; left: 83px; transition: 0.5s; [/class] [class name=arrow maxWidth=450px] display: none; [/class] [class name=arrow state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; left: 90px; color: #BD577D; [/class] [class=arrowOpen] transform: rotateY(180deg); [/class] [class=arrowClose] transform: rotateY(0deg); [/class] [class name=arrowOpen state=hover] cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; left: 78px; color: #BD577D; [/class] [class=slideLeft] transform: translateX(0%); [/class] [class=contentContainer] position: absolute; height: 700px; width: 700px; left: 560px; z-index: 1; transition: 2s; overflow: hidden; [/class] [class name=contentContainer maxWidth=450px] position: relative; left: 0px; height: 600px; width: 250px; z-index: 1; transition: 2s; overflow: hidden; [/class] [class=content] height: 700px; width: 500px; transition: 2s; overflow: hidden; padding: 10px 10px 0px 20px; box-sizing: border-box; position: relative; left: -500px; text-align: justify; [/class] [class name=content maxWidth=450px] height: 600px; width: 250px; overflow: hidden; padding: 10px 15px 0px 20px; box-sizing: border-box; position: relative; left: 0px; [/class] [class=contentOpen] left: 0px; [/class] [class=sectionA] height: 270px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; [/class] [class name=sectionA maxWidth=450px] height: auto; [/class] [class=basicInfoBox] width: 240px; height: 270px; display: flex; justify-content: space-between; flex-direction: column; [/class] [class name=basicInfoBox maxWidth=450px] height: 350px; [/class] [class=basicInfo] border: 1px solid #f1f1f1; padding: 6px; display: flex; justify-content: space-between; flex-wrap: wrap; [/class] [class=basicInfoTag] font-size:9.5px; text-transform:uppercase; color:#fff; font-weight:bold; padding:2px 5px 2px 5px; background:var(--color); [/class] [class=image1] background-image: url('https://ilarge.lisimg.com/image/16740631/1000full-emilija-baranac.jpg'); height: 270px; width: 210px; background-size: cover; background-position: 50% 50%; [/class] [class name=image1 maxWidth=450px] margin-top: 10px; [/class] [class=sectionB] height: auto; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; [/class] [class name=sectionB maxWidth=450px] height: auto; [/class] [class=image2] background-image: url('https://ilarge.lisimg.com/image/16740650/1000full-emilija-baranac.jpg'); height: 200px; width: 100%; background-size: cover; background-position: 50% 50%; [/class] [class=image3] background-image: url('https://ilarge.lisimg.com/image/16740649/1000full-emilija-baranac.jpg'); height: 270px; width: 180px; background-size: cover; background-position: 80% 50%; [/class] [class=content3] width: 260px; height: 270px; display: inline; overflow: hidden; [/class] [class=image4] background-image: url('https://ilarge.lisimg.com/image/16740641/1000full-emilija-baranac.jpg'); height: 200px; width: 100%; background-size: cover; background-position: 50% 50%; [/class] [class=tag] font-size:9.5px; text-transform:uppercase; color:#fff; font-weight:bold; padding:2px 5px 2px 5px; background:var(--color); display: inline; height: 16px; [/class] [class=scroll] height: 100%; width: 100%; overflow-x: hidden; overflow-y: scroll; padding-right: 30px; [/class] [class name=scroll maxWidth=450px] padding-right: 0px; [/class] [script class=arrow on=click] if (eq ${open} 0) (addClass arrowOpen arrow) (removeClass arrowOpen arrow) if (eq ${open} 0) (addClass contentOpen content) (removeClass contentOpen content) if (eq ${open} 0) (addClass slideLeft image) (removeClass slideLeft image) if (eq ${open} 0) (set open 1) (set open 0) [/script] [div class=variables] [div class=container] [div class=image] [div class=title]shelby[/div] [div class=arrow][/div] [/div] [div class=contentContainer] [div class=content] [div class=scroll] [div class=sectionA] [div class=basicInfoBox] [div class=basicInfo][div class=basicInfoTag]name[/div] shelby maja petrović.[/div] [div class=basicInfo][div class=basicInfoTag]nickname[/div] introduces herself as bea.[/div] [div class=basicInfo][div class=basicInfoTag]age[/div] twenty-two.[/div] [div class=basicInfo][div class=basicInfoTag]gender[/div] female.[/div] [div class=basicInfo][div class=basicInfoTag]sexuality[/div] heterosexual.[/div] [div class=basicInfo][div class=basicInfoTag]dob[/div] november 8th.[/div] [div class=basicInfo][div class=basicInfoTag]pob[/div] toronto, canada.[/div] [/div] [div class=image1][/div] [/div]

[div class=sectionB] [div class=image2][/div]

[div class=tag]appearance

shelby is of serbian and english descent. bea stands at a small yet not tiny 5'3",with an hourglass figure. her build sits somewhere between petite and more curvaceous -- and due to her upkeep with working out, bea is fit. she has brown hair, that fluctuates between lighter and darker states, being rather long and naturally wavy. her eyes are a green-ish hazel, and rather large. she doesn't have any tattoos, being too apprehensive to ever get one. her large lips and rounder face tend to be distinguishing features for the female, though also giving her an almost baby-faced look.[/div] [/div]

[div class=sectionA] [div class=image3][/div] [div class=content3] [div class=scroll] [div class=tag]persona[/div] shelby has grown to be more sociable and bubbly in her time at college, though she still introverted at her core as well as a low confidence, she's just grown better at hiding it. she's also a bit of a passive person -- allowing things to happen to her rather than take initiative. bea is extremely compassionate and altruistic, but also naive, failing to see the true intentions of people and assuming the best. she tends to be reluctant to step out of her comfort zone to try new things, enjoying structure and consistency in her life yet somehow being simultaneously excitable. bea is easily stressed and a perfectionist, though due to a want to live up to her desires and passions properly. [/div] [/div] [/div]

[div class=sectionB]

[div class=tag]her story

shelby was very much a miracle child. she was born four years after her brother, two years after her parents were told they would not be able to have anymore children. and then, shelby was born prematurely. smaller and frailer than any other girl, her chances were slim.

doctors and high quality healthcare ensured the young girl survived, though her childhood as far as she remembers was riddled with visits to the hospital. she grew up sheltered as ever, never moving from her home town. nonetheless, her home life was still fulfilling, with her loving family.

at age twelve, a divorce shook the family, bea feeling as though everything around her was breaking down. late nights were often filled with shouting, but throughout it all, her brother was there for her. their father eventually won custody.

shelby lost her mother figure, and remained rather quiet throughout her high school years. she was also subject to curfews and countless rules. and by the time she graduated, bea wanted to strike out on her own. so that's exactly what she did, moving across the country to study. [/div] [div class=image4][/div] [/div] [/div] [/div] [/div] [/div] [/div]