<div style="cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;"><br/>
 [flipcard="height: 600px; width: 700px; margin: auto;"]<br/>
 [flipfront="height: 600px; width: 700px; margin: auto;"]<br/>
<div style="width: 700px; background: #f3f3f3; height: 600px; color: #222; display: flex; justify-content: space-evenly; font-size: 11px;"><br/>
<div style="width: 250px; background: #f3f3f3; height: 600px;"><div style="-webkit-clip-path: polygon(100% 0, 100% 100%, 90% 85%, 0 85%, 0 0); height: 250px; background: url(https://66.media.tumblr.com/00c72b95c217d5b30f98c9b5701d4e65/tumblr_ola5uhqoBG1ujxpcwo6_400.png); background-size: cover; font-size: 0px;">hi</div><div style="font-family: Playfair Display; color: #000; font-size: 23px; text-transform: uppercase; font-weight: 500; margin-left: 10px; margin-top: -30px;">madelaine hayes</div> <div style="margin-top: 20px; height: 325px; background: #f3f3f3;"><div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">nickname</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">laney or madi</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">age</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">twenty</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">gender</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">female</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">sexuality</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">bisexual</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">d.o.b</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">june first</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">zodiac</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">gemini</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 15px; padding-right: 15px; margin-top: 15px;"><div style="width: 40%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">occupation</div></div><div style="width: 60%; line-height: 1.5; text-align: right;">dance assistant</div></div> </div></div> <div style="width: 450px; margin-left: 20px; background: #f3f3f3; height: 600px;"><div style="margin-top: 15px; margin-right: 15px; height: 520px; background: #f3f3f3; overflow-y: auto;"><div style="font-family: Playfair Display; color: #000; font-size: 30px; text-transform: uppercase; font-weight: 500;">appearance info</div><div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">body</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">5'2 &amp; 123lbs</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">hair</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">naturally wavy</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">eyes</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">green hazel</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">modifications</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">nose piercing</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">face claim</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">madison beer</div></div><br/>
<div style="font-family: Playfair Display; margin-top: 5px; color: #000; font-size: 30px; text-transform: uppercase; font-weight: 500;">persona</div><div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">pos. traits</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">outgoing. loyal. passionate. open-minded.</div></div><div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">neg. traits</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">jealous. emotional. too flirty. stubborn.</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">likes</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">dancing. trinkets. snow. yellow flowers. rain.</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">dislikes</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">thunder. spicy food. spiders. watermelon. soda.</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">quirks</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">collects random things. drinks coffee at night.</div></div> <div style="display: flex; box-sizing: border-box; padding-left: 25px; margin-top: 15px;"><div style="width: 30%;"><div style="display: inline-block; padding: 2px 8px 4px 8px; color: #000; font-size: 11px; background: #c6538c;">fears</div></div><div style="width: 70%; line-height: 1.5; text-align: left;">being completely alone. not finding real love.</div></div> </div><div style="margin-top: 20px; text-align: right; margin-right: 15px; font-family: Playfair Display; font-weight: 500; font-size: 15px; text-transform: uppercase;">click for next slide ⇢</div> </div> </div>[/flipfront]<br/>
 [flipback="height: 600px; width: 700px; margin: auto;"]<br/>
<div style="background: #f3f3f3; height: 600px; color: #222; display: flex; justify-content: space-evenly; font-size: 12px;"><div style="width: 450px; background: #f3f3f3; height: 600px;"><div style="margin-top: 15px; margin-left: 15px; height: 520px; background: #f3f3f3; overflow-y: auto;"><div style="font-family: Playfair Display; color: #000; font-size: 30px; text-transform: uppercase; font-weight: 500;">history info</div><div style="padding-left: 25px; margin-top: 15px; text-align: justify;"><b>trigger warning/mentions of overdose below.</b><br/>
<br/>
madelaine grew up in a big city, thousands of miles away from maple grove. she was a dancer in a well-known studio and was on her way to becoming a professional. she had been training since she was just a small child and it was her passions but when her father was killed by a drunk driver everything changed. she was only fifteen and therefore forced to move in with her aunt who lived in maple grove, her life as she knew it was stolen from her. it took a long time for her to adjust to her new life in a small town. her aunt tried to get her to join a local dance studio, thinking it could help her grieve but she had no desire to do so. she had given up on her dream and that was that.<br/>
<br/>
life in maple grove wasn't so bad but it certainly had a different effect on her. before she had been on top of her grades, stayed away from the party crowds and focused mainly on molding her career as a dancer. here she didn't have much of that. so she began to party more and care a lot less. it wasn't until her party ways took a major turn for the worse that she realized she needed to regain control. she was at a party where she had taken one too many pills and mixed with alcohol it caused her to overdose.<br/>
<br/>
luckily she had at least one friend around her because everyone else turned a blind eye, not wanting to get in trouble for the drugs. her friend took her to the hospital where she was stabilized but the near-death experience brought her back to reality. after getting the help she needed and getting off the heavy drugs, madelaine joined the local studio as an assistant at eighteen years old. it was probably the best move for her as it gave her purpose again and reminded her of her love for dance.<br/>
<br/>
</div></div><div style="margin-top: 20px; text-align: left; margin-left: 15px; font-family: Playfair Display; font-weight: 500; font-size: 15px; text-transform: uppercase;">⇠ click for previous slide</div></div> <div style="width: 250px; margin-left: 20px; background: #f3f3f3; height: 600px; display: flex; justify-content: space-evenly;"><div style="width: 90px; background: #f3f3f3; height: 600px; display: flex; flex-direction: column; justify-content: space-evenly; font-size: 0px;">hi</div> <div style="width: 160px; background: #c6538c; height: 600px; display: flex; flex-direction: column; justify-content: space-evenly;"><div style="height: 180px; background: url(https://66.media.tumblr.com/2832e2198df52385272c22d700d89219/tumblr_pff89l2LJ21xd7a0qo3_r1_400.gif); background-size: cover; font-size: 0px; margin-left: -70px; width: 160px; box-sizing: border-box; border: 12px solid #f3f3f3;">hi</div> <div style="height: 180px; background: url(https://66.media.tumblr.com/4f20a3f8669d1cac4549cb602d1b13b2/tumblr_pb6qqtae8Y1x3izs0o1_400.gif); background-size: cover; font-size: 0px; margin-left: -70px; width: 160px; box-sizing: border-box; border: 12px solid #f3f3f3;">hi</div> <div style="height: 180px; background: url(https://66.media.tumblr.com/512b71b7238635fd7e501532c7be271e/tumblr_pff89l2LJ21xd7a0qo4_r1_400.gif); background-size: cover; font-size: 0px; margin-left: -70px; width: 160px; box-sizing: border-box; border: 12px solid #f3f3f3;">hi</div> </div><br/>
</div> </div>[/flipback]<br/>
 [/flipcard]<br/>
<br/>
</div><div style="font-family: Avenir; font-size: 10px; text-align: center; padding-top: 3px;">code by sloane</div>