[comment][font=Karla][font=Open Sans][font=Poppins]attempt 2819 to make me and rev bbcoders of the month[/font][/font][/font] inspired by [URL]https://springdoythemes.tumblr.com/sour[/URL]. [/comment][border=0px; padding:0px; display:block; font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative; text-align:justify; white-space:nowrap; box-sizing:border-box; width:100%; height:auto; overflow:hidden; line-height:0px; padding-top:60px; padding-bottom:60px; font-size:0px; /* ------ colours ------ */ color: #b2b2b2; background-color:#f0f0f0; --bg: #f8f8f8; --h1: rgb(157, 132, 128); --sticky: rgb(157, 132, 128, 0.6); /* ------ fonts ------ */ --headerfont:Open Sans; --name: Poppins; --font: Karla; /* ------ borders ------ */ --border: 1px solid #aaafab; /* ------ images ------ */ --polaroid: URL(https://i.pinimg.com/564x/d8/4f/c0/d84fc0ae4e7bd93486f8c2a73bbbf379.jpg) center/cover no-repeat; --polaroid1: URL(https://1.bp.blogspot.com/-HXef6ynPwjk/XebhheGZncI/AAAAAAAAKZ8/JmFr1t0MaVI2PyoXqiezVMD12dLWMu6QwCLcBGAsYHQ/s1600/tumblr_b7a689e590b19222e71e37919f2fd6e3_048fb63e_400.gif) center/cover no-repeat; --polaroid2: URL(https://i.pinimg.com/originals/ce/ec/c2/ceecc2363fd4963c2e1cf325950e07fe.gif) center/cover no-repeat; --image1: URL(http://pm1.narvii.com/6894/8100aee3a1b8add67efb13bf3b24d6202763bc3er1-480-480v2_uhq.jpg) center/cover no-repeat; --image3: URL(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSfS7xfCBUBx35N6nHAg6Odeo_MSrjNbhpmqFR_SYllv0LxSkuzjZIciUTW-bGEKsSctEk&usqp=CAU) center/cover no-repeat; --image2: URL(https://asset-a.grid.id/crop/0x0:0x0/700x0/photo/2018/04/23/1891602815.jpg) center/cover no-repeat; /* ------ cursor ------ */ cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;] [border=var(--border); box-sizing:border-box;padding:0px; max-width:702px; width:100%; height:fit-content; margin:auto; display:flex; flex-flow: row wrap; justify-content:center; align-items:center; background:var(--bg); border-radius:30px; overflow:hidden;] /* ------ left side ------ */ [border=0px; padding:0px; max-width:350px; width:350px; height:400px; ] [border=0px; padding:0px; max-width:350px; width:350px; height:375px;display:flex; ] [border=0px; padding:0px; max-width:120px; width:100%; margin-left:-10px; height:375px;border-right: var(--border);white-space:normal; font-size:10px;font-family: var(--font); line-height:8px; text-align:center;] [border=0px; padding:0px; width:115px; height:75px; border-bottom: var(--border); display:flex; align-items: center; justify-content:center; margin-top:-5px; margin-left:5px;] [border=0px; padding:0px;margin-left:5px;margin-top:-5px; ][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ name and answer ------ */]name[/border] Nam Eun-Sang[/border][/border] [border=0px; padding:0px; width:115px; height:75px; border-bottom: var(--border); display:flex; align-items: center; justify-content:center; margin-top:-5px; margin-left:5px;] [border=0px; padding:0px;margin-left:5px;margin-top:-5px; ][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ nickname ------ */]nickname[/border] Eunnie[/border][/border] [border=0px; padding:0px; width:115px; height:75px; border-bottom: var(--border); display:flex; align-items: center; justify-content:center; margin-top:-5px; margin-left:5px;] [border=0px; padding:0px;margin-left:5px;margin-top:-5px; ][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ age ------ */]age[/border] 31[/border][/border] [border=0px; padding:0px; width:115px; height:75px; border-bottom: var(--border); display:flex; align-items: center; justify-content:center; margin-top:-5px; margin-left:5px;] [border=0px; padding:0px;margin-left:5px;margin-top:-5px; ][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ date of birth ------ */]date of birth[/border] 12th September[/border][/border] [border=0px; padding:0px; width:115px; height:75px; display:flex; align-items: center; justify-content:center; margin-top:-5px; margin-left:5px;] [border=0px; padding:0px;margin-left:5px; margin-top:-20px;][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ place of birth ------ */]place of birth[/border] Jeju Island, SK[/border][/border] [/border] [border=0px; padding:0px; max-width:240px; width:240px; height:400px; border-right: var(--border); ] [border=5px solid #f8f8f8; padding:0px; max-width:180px; width:180px; height:250px; box-shadow: 0px 0px 0px 1px #aaafab;background:var(--polaroid); margin:auto; margin-top:18px; transform:rotate(-5deg);][border=0px; padding:0px; background:var(--sticky); width:100px; height:20px; margin:auto;margin-top:-15px;][/border][/border] [border=5px solid #f8f8f8; padding:0px; max-width:180px; width:180px; height:90px; box-shadow: 0px 0px 0px 1px #aaafab;background:#f0f0f0; margin:auto; margin-top:16px;transform:rotate(3deg);][border=0px; padding:0px; background:var(--sticky); width:100px; height:20px; margin:auto;margin-top:-15px;][/border] [border=0px; padding:0px; max-width:180px; width:180px;height:90px; margin-top:-10px; margin-left:-5px;overflow:hidden; ] [border=0px; padding:0px; max-width:180px; width:100%; height:90px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-right:10px; padding-top:10px; margin:auto;] [border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); margin:auto ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ scrolly text under polaroid on left ------ */][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ gender ------ */]gender[/border]Male. [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ role ------ */]Role[/border]The Escort [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ occupation ------ */]Occupation[/border]Convenience store worker [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ other title ------ */]Secret Occupation[/border]A uhh... "an accountant" [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ sexuality ------ */]Sexuality[/border]Demisexual [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ languages ------ */]Languages[/border]Korean, Mandarin and English [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ university degree ------ */]University degree[/border]Bachelors in Social Science [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ other title ------ */]Christian name[/border]Elijah Nam [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ religion ------ */]Religion[/border]Christian [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ username ------ */]Escort Username[/border]Elijah_N80 [/border][/border][/border][/border] [/border][/border][/border] [border=0px; padding:0px; max-width:350px; width:350px; height:10px;border-top: var(--border); ][/border] [/border][border=0px; padding:0px; max-width:350px; width:350px; height:400px; overflow:hidden;][border=0px; padding:0px; max-width:330px; width:100%; height:390px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-right:10px; padding-top:10px; margin:auto;] [border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ right side - do not touch or it will go bonk ------ */][border=var(--border); padding:0px; max-width:300px; width:300px; height:180px;background:#f0f0f0; margin:auto;display:flex; overflow:hidden;] [border=0px; padding:0px; width:140px; height:180px; display:flex; flex-direction:column][border=0px; padding:0px; width:140px; height:30px; background:var(--bg);border-right: var(--border);border-bottom: var(--border);box-sizing:border-box; display:flex;align-items:center; justify-content:center; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold;][border=0px; padding:0px;]visage[/border][/border][border=0px; padding:0px; width:140px; height:150px; border-right: var(--border);box-sizing:border-box; ][border=5px solid #f8f8f8; padding:0px; max-width:100px; width:100px; height:120px; box-shadow: 0px 0px 0px 1px #aaafab;background:var(--polaroid1); margin:auto; transform:rotate(1deg); margin-top:12px;][border=0px; padding:0px; background:var(--sticky); width:80px; height:10px; margin:auto;margin-top:-10px;][/border][/border][/border][/border][border=0px; padding:0px; width:160px; height:180px; overflow:hidden; position:relative; z-index:4;][border=0px; padding:0px; max-width:160px; width:100%; height:170px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-right:10px; padding-top:10px; margin:auto;][border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ small scroll -- appearance stuff ------ */][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ height ------ */]height[/border]178 cms (5 ft 10 inch) [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ weight ------ */]weight[/border]68 kg [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ hair ------ */]hair[/border]Natural black hair. Tends to keep it short and will shave it himself to save some money [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ eyes ------ */]eyes[/border]Black iris [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ body type ------ */]body type[/border]Mesomorph - He focuses on eating healthy food at home, only ever eating out if he's with his clients and they're paying. He also regularly exercises to ensure he stays in top shape. His workouts generally focus 30% cardio and 70% weight training. [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ body mods ------ */]body mods[/border]None [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ face claim ------ */]face claim[/border]Jung Hae-In[/border][/border][/border][/border] [/border] [border=var(--border); padding:0px; width:300px; height:30px; background:var(--bg);box-sizing:border-box; display:flex;align-items:center; justify-content:center; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; margin:auto][border=0px; padding:0px; /* ------ personality type ------ */]personality type - ESFP-A[/border][/border] [border=0px; padding:0px; width:300px; height:140px; background:var(--bg);box-sizing:border-box; text-align:center;display:flex;justify-content:space-between; font-margin:auto][border=var(--border); padding:5px; width:130px; height:130px; ][border=0px; padding:0px; color:var(--h1); margin-bottom:-10px; /* ------ positive traits ------ */][b]Positive traits[/b][/border] Bold Original Aesthetics and Showmanship Practical Observant Excellent People Skills [/border] [border=var(--border); padding:5px; width:130px; height:130px;][border=0px; padding:0px; color:var(--h1);margin-bottom:-10px; /* ------ negative traits ------ */][b]Negative traits[/b][/border] Sensitive Conflict-Averse Easily Bored Poor Long-Term Planners Unfocused [/border][/border] [border=0px; border-top: var(--border); border-bottom: var(--border);padding:10px; width:300px; height:fit-content; background:var(--bg);box-sizing:border-box; display:flex;flex-direction:row; letter-spacing:1px;font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; margin:auto; /* ------ personality traits fas fa-circle is for a coloured in circle far fa-circle is for an uncoloured in circle ------ */] [border=0px; padding:0px; width:130px; height:fit-content]extraverted [fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]far fa-circle[/fa] observant [fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa] feeling [fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][/border] [border=0px; padding:0px; width:130px; height:fit-content]PROSPECTING [fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa] Assertive [fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa] INTUITIVE [fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]fas fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa][fa]far fa-circle[/fa] [/border][/border] [border=0px; border-bottom: var(--border);padding:10px;padding-bottom:25px; width:300px; height:fit-content; background:var(--bg);box-sizing:border-box; /* ------ more personality stuff ------ */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie vel magna blandit efficitur. Vestibulum consequat laoreet nibh quis viverra. Aenean et enim quis nulla faucibus molestie ut non odio. Etiam posuere quam ut nisl consectetur, in sagittis est euismod. Donec sit amet pellentesque est, nec tempus eros. Sed ut volutpat ex. Nullam sagittis ipsum massa, et tincidunt libero pretium nec. Sed turpis dolor, maximus sit amet dapibus non, egestas non erat. In eu tempor ipsum. Aliquam convallis neque vulputate hendrerit rutrum. Nam porta nulla ut lorem facilisis, vel tincidunt quam sodales. Integer mi velit, semper vel justo vitae, venenatis placerat massa. Nullam condimentum a felis in scelerisque. Morbi vitae lobortis metus. Vestibulum ipsum augue, congue in blandit et, ornare vitae dui. Aenean sollicitudin libero id nibh posuere, sed iaculis ex dictum. Morbi posuere commodo diam, nec molestie sapien volutpat eget. Proin molestie finibus eros ac posuere. Ut ullamcorper vel sapien ac interdum. Praesent euismod luctus vestibulum. Aliquam ac urna et nunc ullamcorper vulputate sit amet nec ipsum. Duis porttitor mollis nisl a blandit. Ut eleifend ligula et pellentesque aliquam. Aliquam erat volutpat. [/border] [border=var(--border); padding:0px; max-width:300px; width:300px; height:180px;background:#f0f0f0; margin:auto;display:flex; overflow:hidden;] [border=0px; padding:0px; width:160px; height:180px; overflow:hidden; position:relative; z-index:4;][border=0px; padding:0px; max-width:160px; width:100%; height:170px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-right:10px; padding-top:10px; margin:auto;][border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ scroll bar text ------ */][border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ likes ------ */]likes[/border]Going out, shopping, spending time with family and friends, playing video games, going for a stroll around the block and talking to neighbors, cooking, watching war documentaries, and attempting to learn magic tricks to show his friends. [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ dislikes ------ */]dislikes[/border]Clowns/carnivals, zombie movies, basically wearing clothes around the house, romance novels (okay, that’s a lie – he loves them. But he has to make the world believe that he hates them), moths, being cold and winter. [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ allergies ------ */]allergies[/border]Can have asthma attacks triggered by pollen and dustmites. He would often land himself in hospital as a child due to these attacks, but has been getting better over the years. [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ hidden talents ------ */]hidden talent[/border]Can sing with his mouth closed [border=0px; padding:0px; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; /* ------ superstitions ------ */]superstitions[/border]On New Year’s Eve you [I]have[/i] to open the front door to 'let the old year out' otherwise it will get stuck and cause you to have bad luck that year. [/border][/border][/border][/border][border=0px; padding:0px; width:140px; height:180px; display:flex; flex-direction:column][border=0px; padding:0px; width:140px; height:30px; background:var(--bg);border-left: var(--border);border-bottom: var(--border);box-sizing:border-box; display:flex;align-items:center; justify-content:center; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold;][border=0px; padding:0px;]little more[/border][/border][border=0px; padding:0px; width:140px; height:150px; border-left: var(--border);box-sizing:border-box; ][border=5px solid #f8f8f8; padding:0px; max-width:100px; width:100px; height:120px; box-shadow: 0px 0px 0px 1px #aaafab;background:var(--polaroid2); margin:auto; transform:rotate(1deg); margin-top:12px;][border=0px; padding:0px; background:var(--sticky); width:80px; height:10px; margin:auto;margin-top:-10px;][/border][/border][/border][/border] [/border] [border=var(--border); padding:0px; width:300px; height:30px; background:var(--bg);box-sizing:border-box; display:flex;align-items:center; justify-content:center; letter-spacing:1px; font-family:var(--name); text-transform:uppercase; color:var(--h1); font-weight:bold; margin:auto][border=0px; padding:0px; /* ------ history ------ */]history[/border][/border] [border=0px; padding:0px; width:300px; height:140px; background:var(--bg);box-sizing:border-box; text-align:center;display:flex;justify-content:space-between; margin:auto][border=var(--border); padding:5px; width:80px; height:130px; background: var(--image1); ] [/border] [border=var(--border); padding:5px; width:190px; height:130px; overflow:hidden][border=0px; padding:0px; max-width:190px; width:100%; height:140px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-top:10px; margin:auto; margin-top:-10px;][border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); ][border=0; height:auto; width:51%; box-sizing:border-box; text-align:left; /* ------ start of first history section ------ */][border=0px; padding:0px; color:var(--h1);margin-bottom:-10px;][b]title here.[/b][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie vel magna blandit efficitur. Vestibulum consequat laoreet nibh quis viverra. Aenean et enim quis nulla faucibus molestie ut non odio. Etiam posuere quam ut nisl consectetur, in sagittis est euismod. Donec sit amet pellentesque est, nec tempus eros. Sed ut volutpat ex. Nullam sagittis ipsum massa, et tincidunt libero pretium nec. Sed turpis dolor, maximus sit amet dapibus non, egestas non erat. In eu tempor ipsum. Aliquam convallis neque vulputate hendrerit rutrum. Nam porta nulla ut lorem facilisis, vel tincidunt quam sodales. Integer mi velit, semper vel justo vitae, venenatis placerat massa. Nullam condimentum a felis in scelerisque. Morbi vitae lobortis metus. Vestibulum ipsum augue, congue in blandit et, ornare vitae dui. Aenean sollicitudin libero id nibh posuere, sed iaculis ex dictum. Morbi posuere commodo diam, nec molestie sapien volutpat eget. Proin molestie finibus eros ac posuere. Ut ullamcorper vel sapien ac interdum. Praesent euismod luctus vestibulum. Aliquam ac urna et nunc ullamcorper vulputate sit amet nec ipsum. Duis porttitor mollis nisl a blandit. Ut eleifend ligula et pellentesque aliquam. Aliquam erat volutpat. [/border][/border][/border][/border] [/border] [border=0px; padding:0px; width:300px; height:140px; background:var(--bg);box-sizing:border-box; text-align:center;display:flex;justify-content:space-between; margin:auto;margin-left:-1px;] [border=var(--border); padding:5px; width:190px; height:130px; overflow:hidden; margin-right:3px;][border=0px; padding:0px; max-width:190px; width:100%; height:140px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-top:10px; margin:auto; margin-top:-10px;][border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); ][border=0; height:auto; width:51%; box-sizing:border-box; text-align:left; /* ------ start of second history section ------ */][border=0px; padding:0px; color:var(--h1);margin-bottom:-10px;][b]title here.[/b][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie vel magna blandit efficitur. Vestibulum consequat laoreet nibh quis viverra. Aenean et enim quis nulla faucibus molestie ut non odio. Etiam posuere quam ut nisl consectetur, in sagittis est euismod. Donec sit amet pellentesque est, nec tempus eros. Sed ut volutpat ex. Nullam sagittis ipsum massa, et tincidunt libero pretium nec. Sed turpis dolor, maximus sit amet dapibus non, egestas non erat. In eu tempor ipsum. Aliquam convallis neque vulputate hendrerit rutrum. Nam porta nulla ut lorem facilisis, vel tincidunt quam sodales. Integer mi velit, semper vel justo vitae, venenatis placerat massa. Nullam condimentum a felis in scelerisque. Morbi vitae lobortis metus. Vestibulum ipsum augue, congue in blandit et, ornare vitae dui. Aenean sollicitudin libero id nibh posuere, sed iaculis ex dictum. Morbi posuere commodo diam, nec molestie sapien volutpat eget. Proin molestie finibus eros ac posuere. Ut ullamcorper vel sapien ac interdum. Praesent euismod luctus vestibulum. Aliquam ac urna et nunc ullamcorper vulputate sit amet nec ipsum. Duis porttitor mollis nisl a blandit. Ut eleifend ligula et pellentesque aliquam. Aliquam erat volutpat. [/border][/border][/border][/border][border=var(--border); padding:5px; width:80px; height:130px; background: var(--image2); ] [/border] [/border] [border=0px; padding:0px; width:300px; height:140px; background:var(--bg);box-sizing:border-box; text-align:center;display:flex;justify-content:space-between; margin:auto][border=var(--border); padding:5px; width:80px; height:130px; background: var(--image3); ] [/border] [border=var(--border); padding:5px; width:190px; height:130px; overflow:hidden][border=0px; padding:0px; max-width:190px; width:100%; height:140px; flex-grow: 1; align-items:stretch; overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; padding-top:10px; margin:auto; margin-top:-10px;][border=0px; padding:0px; height:calc(100% - 2px); width:200%; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--font); ][border=0; height:auto; width:51%; box-sizing:border-box; text-align:left; /* ------ start of third history section ------ */][border=0px; padding:0px; color:var(--h1);margin-bottom:-10px;][b]title here[/b][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque molestie vel magna blandit efficitur. Vestibulum consequat laoreet nibh quis viverra. Aenean et enim quis nulla faucibus molestie ut non odio. Etiam posuere quam ut nisl consectetur, in sagittis est euismod. Donec sit amet pellentesque est, nec tempus eros. Sed ut volutpat ex. Nullam sagittis ipsum massa, et tincidunt libero pretium nec. Sed turpis dolor, maximus sit amet dapibus non, egestas non erat. In eu tempor ipsum. Aliquam convallis neque vulputate hendrerit rutrum. Nam porta nulla ut lorem facilisis, vel tincidunt quam sodales. Integer mi velit, semper vel justo vitae, venenatis placerat massa. Nullam condimentum a felis in scelerisque. Morbi vitae lobortis metus. Vestibulum ipsum augue, congue in blandit et, ornare vitae dui. Aenean sollicitudin libero id nibh posuere, sed iaculis ex dictum. Morbi posuere commodo diam, nec molestie sapien volutpat eget. Proin molestie finibus eros ac posuere. Ut ullamcorper vel sapien ac interdum. Praesent euismod luctus vestibulum. Aliquam ac urna et nunc ullamcorper vulputate sit amet nec ipsum. Duis porttitor mollis nisl a blandit. Ut eleifend ligula et pellentesque aliquam. Aliquam erat volutpat. [/border][/border][/border][/border] [/border][/border][/border][/border][/border] [/border] /* ------ credit -- do not remove ------ */ [border=0px; padding:0px; max-width:670px; min-width:300px;width:100%;margin:auto;white-space:normal; font-size:8px; line-height:8px; margin-top:3px; opacity:0.5;text-align:right; font-family:var(--font); ] © weldherwings. [/border][/border]