Misc. Page ・ Relationship Pages

Atlas and Kentaro's Relationship : History

Version/Date

User

Type

Information

#695 22 August 2023, 20:21:10 EDT

baratomott

Page Updated

Length: 72757 (+8608) - Show Raw Data

{"data":{"description":"<p>[[Kentaro]] and [[Atlas|Atlas']] first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"[[Atlas]], [[Kentaro]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\">\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1045_1303_b0wssvmrH4moiqb.png') center no-repeat; background-size: cover; padding-top: 100%;\"> <\/div>\r\n<div class=\"p-1 text-muted\">Atlas and Kentaro's body types.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. <\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">Short Caption<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\">\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\"> <\/div>\r\n<div class=\"p-1 text-muted\">Short Caption<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. <\/p>\r\n<p> <\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>","parsed":{"description":"<p><a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas'<\/a> first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\">\r\n<div class=\"w-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1045_1303_b0wssvmrH4moiqb.png') center no-repeat; background-size: cover; padding-top: 100%;\"> <\/div>\r\n<div class=\"p-1 text-muted\">Atlas and Kentaro's body types.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. <\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":"<p><strong>A blurb about the participants' dynamic. How well they get along, their love language. Who takes care of who more? First impressions? What do they currently think of each other?<\/strong> semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>\r\n<div class=\"float-left card bg-light px-2 pt-2 pb-1 m-2\"><a href=\"https:\/\/tothenthdegree.net\/pages\/37\/gallery\/43\"><img style=\"float: right; width: 150px; height: 200px; object-fit: cover;\" src=\"https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679\" \/><\/a>\r\n<div class=\"p-1 text-muted\">Short Caption<\/div>\r\n<\/div>\r\n<p><strong>Lorem ipsum dolor sit amet,<\/strong> consectetur adipiscing elit. Aenean ultricies, tortor tincidunt vestibulum tristique, nisi sapien placerat ante, nec rutrum metus augue vel massa. Nunc id dictum dolor. Proin tristique magna lacinia massa <span class=\"text-primary\">tincidunt egestas<\/span>.<\/p>\r\n<p>Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Fusce laoreet dolor quam, ut rhoncus<\/p>\r\n<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 200px;\">\r\n<div class=\"w-100\" style=\"background: url('https:\/\/f2.toyhou.se\/file\/f2-toyhou-se\/characters\/22060931?1687072679') center no-repeat; background-size: cover; padding-top: 100%;\"> <\/div>\r\n<div class=\"p-1 text-muted\">Short Caption<\/div>\r\n<\/div>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula.<\/p>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Pellentesque eu tincidunt tortor aliquam. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Commodo quis imperdiet massa tincidunt. Faucibus a pellentesque sit amet porttitor eget dolor morbi non. Tortor at auctor urna nunc id. Tristique senectus et netus et malesuada fames ac turpis. Ut aliquam purus sit amet. Facilisi nullam vehicula ipsum a arcu cursus vitae congue. Mi quis hendrerit dolor magna eget est lorem ipsum dolor. <\/p>\r\n<p> <\/p>","Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>"},"links":[{"link_id":25},{"link_id":13},{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#694 22 August 2023, 20:17:11 EDT

baratomott

Page Updated

Length: 64149 (+4866) - Show Raw Data

{"data":{"description":"<p>[[Kentaro]] and [[Atlas|Atlas']] first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"[[Atlas]], [[Kentaro]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\">\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\"> <\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. <\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>","parsed":{"description":"<p><a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas'<\/a> first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n","Physical":"<div class=\"float-lg-right px-3 pb-lg-2 pb-3\">\r\n<div class=\"card bg-light px-2 pt-2 pb-1 mx-auto\" style=\"width: 240px;\">\r\n<div class=\"w-100\" style=\"background: url('https:\/\/cdn.discordapp.com\/attachments\/848228708019601439\/1122730277349883944\/image.png') center no-repeat; background-size: cover; padding-top: 100%;\"> <\/div>\r\n<div class=\"p-1 text-muted\">\r\n<p>Height Difference Reference<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<ul>\r\n<li><strong>Height, weight, build and body type differences<\/strong>: context, meaning. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Athleticism and stamina<\/strong>: Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<li><strong>Scarring, moles, birthmarks<\/strong>: Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. <\/li>\r\n<li><strong>Piercings, tattoos and body modifications<\/strong>: Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<p>Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. Etiam non tortor dui. Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Fusce quis magna varius, lacinia elit quis, semper ante. Aenean consectetur, turpis tincidunt efficitur maximus, lacus mauris eleifend mauris, auctor malesuada nisi tortor nec ligula. Fusce laoreet dolor quam, ut rhoncus justo ornare ut. Mauris semper sed erat ac ornare.Aliquam sodales aliquet vehicula. <a href=\"#\">Etiam non tortor dui.<\/a> Donec turpis purus, pellentesque tempus suscipit non, ornare sed nisl. Integer dignissim justo massa, quis venenatis risus elementum eu. In pellentesque in tortor ac fringilla. Praesent velit est, interdum sed urna eget, posuere cursus felis. Aliquam pretium, felis sit amet vestibulum suscipit, ex urna egestas augue, a varius diam dolor non justo.<\/p>","Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>"},"links":[{"link_id":25},{"link_id":13},{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#693 22 August 2023, 20:16:22 EDT

baratomott

Page Updated

Length: 59283 (-36) - Show Raw Data

{"data":{"description":"<p>[[Kentaro]] and [[Atlas|Atlas']] first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"[[Atlas]], [[Kentaro]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>","parsed":{"description":"<p><a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas'<\/a> first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>"},"links":[{"link_id":25},{"link_id":13},{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#692 20 August 2023, 16:06:50 EDT

Rediumrum

Page Updated

Length: 59319 (+1520) - Show Raw Data

{"data":{"description":"<p>[[Kentaro]] and [[Atlas|Atlas']] first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"[[Atlas]], [[Kentaro]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>","parsed":{"description":"<p><a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas'<\/a> first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>\r\n<p>Atlas and Kentaro had a mostly love-hate relationship in the beginning, but developed as time went on. Due to this, they still bicker with one another in their newfound relationship but have an understanding view of one another. Neither has a lot of romantic experiences, so it's new to both parties to have a deep cemented connection, which causes them to become flustered from time to time. When it comes to sex, Atlas has way more experience and has taught Kentaro most of the ropes in man-to-man activities. Kentaro likes to spend most of his time on Atlas, feeling they should be together all of the time and doing alot of activites contrast to  Atlas who is more reclusive and a homebody person who sometimes would rather it just be him.<\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>"},"links":[{"link_id":25},{"link_id":13},{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#691 19 August 2023, 23:34:22 EDT

baratomott

Page Updated

Length: 57799 (+3070) - Show Raw Data

{"data":{"description":"<p>[[Kentaro]] and [[Atlas|Atlas']] first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>","Members":"[[Atlas]], [[Kentaro]]","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>","parsed":{"description":"<p><a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a> and <a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas'<\/a> first meeting took place in the form of a contractual transaction, with Kentaro, enteprising heir to a notorious crime syndicate, temporarily hiring Atlas' cyber services  to aid in his shady business venutres. Atlas, a solitary freelance informant, thought this would be a quick and simple contract to bridge him over between more serious jobs and accepted without much hesitation. <\/p>\r\n<p>Atlas sooned learned it wouldn't be that easy. Kentaro's brash personality and tactless delivery made it hard for Atlas to get along with him, leading them to bicker often, especially in reference to Kentaro's offhanded comments towards him. However Kentaro had a general inability to read Atlas, so he often ended up overstepping his boundaries. His expressions of endearment as a boss came in the form of badgering, leading him to pester Atlas the most, even more so as he started to develop romantic feelings for Atlas.  Despite the fact that the two of them butt heads often, they work together well and would slowly come to understand each other better through their close proximity. And though it took time, Atlas eventually reciprocates Kentaro's feelings. <\/p>","Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\" data-toggle=\"tooltip\" title=\"Atlas is a tech-savvy freelance informant and amateur infiltrator operating in the criminal underground.\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":"Romantic, Currently Ongoing","Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>\r\n<ul>\r\n<li>Kentaro is not circumcised<\/li>\r\n<\/ul>"},"links":[{"link_id":25},{"link_id":13},{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#565 23 July 2023, 01:32:26 EDT

baratomott

Page Updated

Length: 54729 (+142) - Show Raw Data

{"data":{"description":null,"Members":"[[Atlas]], [[Kentaro]]","Relationtype":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>","parsed":{"description":null,"Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card border-0 my-1\">\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"progress bg-light\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<div class=\"card progress border-0 my-1\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>"},"links":[{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#539 9 July 2023, 01:13:15 EDT

Rediumrum

Page Updated

Length: 54587 (+100) - Show Raw Data

{"data":{"description":null,"Members":"[[Atlas]], [[Kentaro]]","Relationtype":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>","parsed":{"description":null,"Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">kentaro<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>43<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>July 10th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'11'<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/0\/18_33_tAh9vgN6rA5cRGA_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">13<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">43<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">30<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">4'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">5'11'<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">5'7'<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/tothenthdegree.net\/images\/pages\/1\/1030_1276_xIAxtQjOrzt1QaD_th.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">Atlas<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>30<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>April 6th<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>He\/Him<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>5'7\"<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>Human<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>Gay<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 60%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 75%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>"},"links":[{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#538 9 July 2023, 00:56:03 EDT

Rediumrum

Page Updated

Length: 54487 (+53196) - Show Raw Data

{"data":{"description":null,"Members":"[[Atlas]], [[Kentaro]]","Relationtype":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>","parsed":{"description":null,"Members":"<a href=\"https:\/\/tothenthdegree.net\/pages\/13.Atlas\" class=\"text-primary\">Atlas<\/a>, <a href=\"https:\/\/tothenthdegree.net\/pages\/25.Kentaro\" class=\"text-primary\">Kentaro<\/a>","Relationtype":null,"Theme":"<a href=\" URL \">SONG NAME<\/a>","Playlist":"<a href=\" URL \" target=\"_blank\"><i class=\"fab fa-spotify\"><\/i> PLAYLIST NAME<\/a>","Children":null,"Biographical":"<div class=\"mx-auto\">\r\n<div class=\"container-fluid p-0\">\r\n<div class=\"row no-gutters\" style=\"margin: -4px;\">\r\n<div class=\"col-md-5 row no-gutters order-1 order-md-1\">\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-right text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Female-Placeholder.png'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-2 my-auto text-center order-3 order-md-2 mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Age Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-6 col-md-12 row no-gutters mb-1\">\r\n<div class=\"col-12 p-1\">\r\n<div class=\"light mb-2\">Height Difference<\/div>\r\n<div class=\"card bg-light rounded border-1 p-1\">x<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #02a9c2;\">xx<\/div>\r\n<\/div>\r\n\r\n<div class=\"col-6 p-1\">\r\n<div class=\"card bg-light rounded border-1 p-1\" style=\"color: #c20222;\">xx<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-md-5 row no-gutters order-2 order-md-3\">\r\n<div class=\"col-lg-5 p-1\">\r\n<div class=\"card bg-light h-100\" style=\"background: url('https:\/\/avatarairlines.com\/wp-content\/uploads\/2020\/05\/Male-placeholder-1.jpeg'); background-position: center; background-repeat: no-repeat; background-size: cover;\">\r\n<div style=\"height: 200px;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-lg-7 p-1\">\r\n<div class=\"card d-block p-3 bg-light h-100\">\r\n<div class=\"text-uppercase text-lg-left text-center text-primary\" style=\"font-size: 25px; font-weight: 300; letter-spacing: 2px;\">NAME<\/div>\r\n<hr class=\"my-1\" \/>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">AGE<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">BIRTHDAY<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">GENDER<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">HEIGHT<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">SPECIES<\/span>X<\/div>\r\n<div class=\"d-flex justify-content-between p-1\"><span class=\"text-muted\">ORIENT.<\/span>X<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<p> <\/p>\r\n\r\n<p> <\/p>","Physical":null,"Dynamic":null,"Misc":"<p><strong>A visual representation of the relationship's characteristics.<\/strong><\/p>\r\n<div class=\"mt-2 pt-3\" style=\"margin: -5px;\">\r\n<div class=\"row mb-3\">\r\n<div class=\"col-md-3 col-12\"> <\/div>\r\n<div class=\"col-md-6 my-auto text-center mb-1\" align=\"center\">\r\n<div class=\"row no-gutters\">\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER A<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #c20222;\"> <\/div>\r\n<\/div>\r\n<div class=\"col-12 col-md-6 row no-gutters mb-1 justify-content-center\">\r\n<div class=\"card bg-light d-flex col-6 p-2\" style=\"border-radius: 1; border-top: 1; border-left: 1; border-right: 0;\"><strong>CHARACTER B<\/strong><\/div>\r\n<div class=\"col-2 col-sm-2 d-flex; rounded-right\" style=\"background-color: #02a9c2;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"row\">\r\n<div class=\"col-12 col-md-6 p-0\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Big spoon<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Little spoon<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Lends clothes<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Borrows clothes<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Doesn't use pet names<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uses pet names<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Introvert<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Extrovert<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Affection through words<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Affection through actions<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Confesses first<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 40%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Waits for confession<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Awkward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 70%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Cool and Collected<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Drives the car<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Can't drive<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Can't cook<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Makes dinner<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Dislikes PDA<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 45%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Loves PDA<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Overprotective<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 90%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 30%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Permissive<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n \r\n<div class=\"col-12 col-md-6\">\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Has more relationship experience<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 100%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 20%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Has no relationship experience<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Sensitive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 10%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 80%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Dense<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Impulsive<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Premeditated<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Easily Flustered<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Stoic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Love at first sight<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Slow-Burn<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Straightfoward<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Beats around the bush<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Anxious<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Secure<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Communicative<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Uncommunicative<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Type A Personality<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Type B Personality<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Optimistic<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Pessimistic<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"row no-gutters mb-2\">\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-right\">Slow to anger<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto\">\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #02A9C2; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n\r\n<div class=\"card progress bg-light border-0 my-1\" style=\"height: 8px;\">\r\n<div class=\"progress-bar\" style=\"border-right: 6px solid #c20222; background: none; width: 50%;\"> <\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"col-4 my-auto p-1\">\r\n<div class=\"card bg-light rounded border-0 p-1 text-left\">Hot-headed<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>","History":null,"Milestones":null,"Mutual":null,"Trivia":null,"NSFW":"<h5>NSFW Trivia<\/h5>"},"links":[{"link_id":13},{"link_id":25}]},"title":"Atlas and Kentaro's Relationship","is_visible":"1","summary":null,"utility_tag":null,"page_tag":null}

#495 30 June 2023, 22:38:20 EDT

baratomott

Page Created

Length: 1291 (+1291) - Show Raw Data

9 results found.