[comment][font=Karla][font=Rubik]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:white;
--border: 1px solid #DDDDDD;
--boxshadow: 2px 2px 1px 1px rgba(229,229,229,0.2);
--quote: rgba(229,229,229,0.4);

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

/*the images*/
--image1: URL(https://agilebacon.com/wp-content/themes/fox/images/placeholder.jpg)  center/cover no-repeat;
--image2: URL(https://agilebacon.com/wp-content/themes/fox/images/placeholder.jpg)  center/cover no-repeat;
--image3: URL(https://agilebacon.com/wp-content/themes/fox/images/placeholder.jpg) center/cover no-repeat;
--image4: 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:500px; min-width:300px;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:10px; max-width:300px; width:200px;height:300px; box-sizing:border-box; display:flex; align-items:stretch; flex-grow:1; margin:auto; ]

[border=var(--border); width:100%; height:100%; box-sizing:border-box;overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; box-shadow: var(--boxshadow)  ]
[border=0px; padding:0px; height:calc(100% - 10px); width:200%; overflow-y:scroll;overflow-x:hidden;margin-top:5px;scroll-snap-type: y mandatory][border=0; padding:0px;height:auto; padding-left:10px;width:49%; box-sizing:border-box; ]
[border=0px; padding:0px; width:100%; height:248px; background:var(--image1);scroll-snap-align: start end;][/border]
[border=0px; padding:0px; width:100%; height:248px; background:var(--image2);scroll-snap-align: start end;][/border]
[border=0px; padding:0px; width:100%; height:248px; background:var(--image3);scroll-snap-align: start end;][/border]
[border=0px; padding:0px; width:100%; height:248px; background:var(--image4);scroll-snap-align: start end;][/border]
[/border][/border][/border][/border]

[border=0px; padding:10px; max-width:300px; width:300px;height:300px; box-sizing:border-box;display:flex; align-items:stretch; flex-grow:1; margin:auto; ]


[border=var(--border); width:100%; height:280px; box-sizing:border-box;overflow:hidden;display:flex; flex-direction:column; box-sizing:border-box; box-shadow: var(--boxshadow) ]

[border=0px; padding:0px; width:100%; height:20px;]
[border=0px; padding:0px; width:100%; padding-top:10px;box-sizing:border-box;text-align:right; font-size:8px; white-space:normal; font-family:var(--font); text-transform:uppercase; letter-spacing:5px; font-weight:bold; 


/* YOUR CHARACTER NAME HERE*/

 ]character name[/border]
[/border]

[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;

/*START OF TEXT*/ ][border=Var(--border); padding:10px; box-sizing:border-box; background:var(--quote); width:100%; height:fit-content;

/* BORDERED BOX YOU CAN DELETE IF YOU WANT*/
]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel consectetur turpis. In elementum augue sit amet massa aliquet consectetur. Suspendisse in elementum eros. Quisque luctus a mi consequat sollicitudin. Suspendisse potenti. [/border]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel consectetur turpis. In elementum augue sit amet massa aliquet consectetur. Suspendisse in elementum eros. Quisque luctus a mi consequat sollicitudin. Suspendisse potenti. Morbi et scelerisque dui. Fusce et commodo lacus, vel sodales eros. Fusce vitae dui laoreet ligula pulvinar finibus. Donec at augue suscipit, gravida erat quis, vehicula massa. Praesent in magna pulvinar, tempus ligula condimentum, laoreet enim. Nullam rhoncus lobortis risus. Cras et mollis nulla. Nulla et erat ante. Nunc vestibulum auctor lectus vitae tempor. Nam maximus nunc ac velit finibus condimentum. Nulla at augue varius, volutpat velit eget, vehicula mi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel consectetur turpis. In elementum augue sit amet massa aliquet consectetur. Suspendisse in elementum eros. Quisque luctus a mi consequat sollicitudin. Suspendisse potenti. Morbi et scelerisque dui. Fusce et commodo lacus, vel sodales eros. Fusce vitae dui laoreet ligula pulvinar finibus. Donec at augue suscipit, gravida erat quis, vehicula massa. Praesent in magna pulvinar, tempus ligula condimentum, laoreet enim. Nullam rhoncus lobortis risus. Cras et mollis nulla. Nulla et erat ante. Nunc vestibulum auctor lectus vitae tempor. Nam maximus nunc ac velit finibus condimentum. Nulla at augue varius, volutpat velit eget, vehicula mi.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel consectetur turpis. In elementum augue sit amet massa aliquet consectetur. Suspendisse in elementum eros. Quisque luctus a mi consequat sollicitudin. Suspendisse potenti. Morbi et scelerisque dui. Fusce et commodo lacus, vel sodales eros. Fusce vitae dui laoreet ligula pulvinar finibus. Donec at augue suscipit, gravida erat quis, vehicula massa. Praesent in magna pulvinar, tempus ligula condimentum, laoreet enim. Nullam rhoncus lobortis risus. Cras et mollis nulla. Nulla et erat ante. Nunc vestibulum auctor lectus vitae tempor. Nam maximus nunc ac velit finibus condimentum. Nulla at augue varius, volutpat velit eget, vehicula mi.[/border][/border][/border]

[/border]
[/border]
[comment]
 
‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
[/comment][border=0px; max-width:480px; width:100%; font-size:6px; letter-spacing:1px; font-family:Karla; color:black; text-align:right;margin:auto; margin-top:-10px;display:flex; flex-flow: row wrap; justify-content:space-between; opacity:0.5][border=0px; padding:0px; max-width:200px; width:100%;][/border][border=0px; padding:0px; max-width:300px; width:200px;]© weldherwings.[/border][/border]


[/border]