[comment][font=Karla][font=Rufina]attempt 2819 to make me and rev bbcoders of the month[/font][/font]

[/comment][border=0px;
padding:0px;
display:block;
font-smoothing:antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
position:relative;
white-space:nowrap;
box-sizing:border-box;
width:100%;
height:auto;
text-align:justify;
overflow:hidden;
line-height:0px;
padding-top:60px;
padding-bottom:80px;
font-size:0px;
color: black;

/*colors*/
background-color:#e5e5e5;
--textbg: white;
--titletext: #73864e;


/*fonts and colours*/
--font: Rufina;
--mainfont: Karla;

/*the images*/
--headerimage: URL(https://agilebacon.com/wp-content/themes/fox/images/placeholder.jpg)  center/cover no-repeat;
--profilepic: URL(https://agilebacon.com/wp-content/themes/fox/images/placeholder.jpg)  center/cover no-repeat;

/*cursor*/
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]

[border=0px; padding:0px; max-width:350px; min-width:3
0px;width:100%; height:fit-content; margin:auto; display:flex; flex-flow: row wrap; justify-content:space-between;box-sizing:border-box; overflow:hidden;]
[border=0px; padding:0px;max-width:350px; min-width:300px;width:350px;height:150px; background:var(--headerimage);box-sizing:border-box; display:flex; align-items:stretch; flex-grow:1; margin:auto;]
[/border]

[border=0px; padding:0px;max-width:350px; min-width:300px;width:350px;height:20px;box-sizing:border-box; display:flex; flex-flow: row wrap; align-items:stretch; flex-grow:1; margin:auto; margin-top:-60px;]
[border=0px; padding:0px; max-width:350px; width:145px;display: flex; justify-content:center;]
[border=10px solid white; padding:0px; width:100px; height:100px; background:var(--profilepic); position:relative; z-index:2; ][/border][/border]

[/border]

[border=0px;padding:0px; max-width:350px; min-width:145px;width:145px;height:300px; background:var(--textbg);box-sizing:border-box; align-items:stretch; flex-grow:1; margin:auto; ]
[border=0px; padding:0px; width:100%; height:230px;overflow:hidden; margin-top:70px;][border=0px; padding:0px; height:calc(100% - 10px); width:200%; overflow-y:scroll;overflow-x:hidden;line-height:14px; font-size:9px; letter-spacing:0px;white-space:normal; font-family: var(--mainfont); margin-top:5px; text-align:left][border=0; padding:0px;height:auto; padding-left:10px;width:49%; box-sizing:border-box; 

/*left textbox*/][border=0px; padding:0px; font-weight:bold;font-family: var(--font); text-transform:uppercase;color:var(--titletext);]Mood[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[border=0px; padding:0px; font-weight:bold;font-family: var(--font); text-transform:uppercase;color:var(--titletext);]Location[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[border=0px; padding:0px; font-weight:bold;font-family: var(--font); text-transform:uppercase;color:var(--titletext);]Outfit[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[border=0px; padding:0px; font-weight:bold;font-family: var(--font); text-transform:uppercase;color:var(--titletext);]Tag[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/border][/border][/border]
[/border]

[border=0px;padding:0px; max-width:350px; min-width:205px;width:205px;height:300px; background:var(--textbg);box-sizing:border-box; align-items:stretch; flex-grow:1; margin:auto; ][border=0px; padding:0px; width:100%; height:40px;  font-size:21px; font-weight:bold;white-space:normal; font-family: var(--font);padding-top:20px; padding-right:10px; text-align:right;box-sizing:border-box; color:var(--titletext);

/*character name*/]character name.[/border]

[border=0px; padding:0px; width:100%; height:260px; overflow:hidden][border=0px; padding:0px; height:calc(100% - 10px); width:200%; overflow-y:scroll;overflow-x:hidden;line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: var(--mainfont); margin-top:5px;][border=0; padding:0px;height:auto; padding-left:10px;width:49%; box-sizing:border-box;

/*right textbox*/ ]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=0px; padding:0px; margin-top:10px;height:50px; text-align:right;width:100%; opacity:0.2;font-size:8px; letter-spacing:0px;white-space:normal; font-family: var(--mainfont);][url=https://capitae.tumblr.com/post/663056409814073344/16-empathy-by-capitaeclick-the-source-link-to][color=black]© weldherwings.[/color][/url][/border]
[/border][/border]