[comment] [font=Sail]title[/font] [font=Fira Sans]bodyfont[/font] change fonts up here for the variables to work right! [/comment] [border=1px solid var(--outline); /*coded by kaninchen*/ --background: gainsboro; --outline: darkgrey; --image:URL('https://i.pinimg.com/564x/b1/cb/4e/b1cb4e299a1bdbd454661d7c700d3c87.jpg'); --circle: darkgrey; --titlefont: 'Sail'; --bodyfont: 'Fira Sans'; --fontcolor: black; max-width:400px; background:var(--background); margin:auto; cursor:crosshair; overflow:hidden; position:relative;][border=unset; padding: unset; display: flex; flex-flow: row wrap; align-content:stretch; justify-content:center; gap: 5px 10px; margin:auto;][border=0; background:var(--circle); clip-path: circle(50.0% at 69% 69%); min-height:200px; min-width:200px; position:absolute; z-index:1; bottom:0; right:0; align-self:flex-end;][/border][comment] photo code [/comment][border=0; padding:0; display:flex; flex-flow:row wrap; justify-content:space-evenly; align-items:center; gap:10px; min-width:150px; position:relative; z-index:2;][border=1px outset var(--outline); height:auto; min-width:150px; max-width: 400px; padding:5px; box-sizing:border-box; flex: 1;][border=0; padding:0px; height:300px; background:var(--image); background-size:cover; box-sizing:border-box;][/border][/border][comment] [/comment][border=0; padding:0; display:flex; flex-flow:column wrap; justify-content:space-evenly; align-items:center; align-content:center; gap:5px 10px; flex:2;][border=1px outset var(--outline); height:243px; min-width:215px; padding:5px; overflow:hidden; position:relative][border=0px; padding:0; background:white; opacity:0.5; height:243px; min-width:228px; z-index:1; position:absolute; align-self:center; flex:2; right:5px;][/border][border=0; padding:0; width:200%; height:100%; overflow-y:scroll;][comment] body text is below [/comment][border=0; padding:2px 0px 0px 2px; box-sizing:border-box; height:auto; width:50%; color:var(--fontcolor); font-size:13px; line-height:16px; text-align:justify; font-family:var(--bodyfont); z-index:2; position:relative;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vulputate orci et felis posuere scelerisque vel nec risus. [b]"Morbi pretium diam nec risus scelerisque, non commodo nisl varius. Nam vehicula in eros quis consectetur."[/b] Aliquam erat volutpat. Vestibulum quis lacus sem. Proin congue odio et elementum ultricies. Etiam rhoncus, erat eu consectetur laoreet, dui odio sollicitudin est, at egestas turpis risus non sapien. Quisque aliquet arcu sed nulla condimentum cursus. Ut vitae tristique purus, egestas viverra lectus. Praesent ut tortor tempus, placerat lectus eu, auctor ex. In in enim sit amet dui mollis molestie nec sit amet lorem. Sed vel ipsum eu ligula placerat pellentesque. Nam sit amet est mattis, varius felis lobortis, mollis est. Integer id diam pulvinar, ornare sem sit amet, lacinia sem. Nullam placerat ultrices maximus. Duis eget lacus aliquet, semper urna ac, auctor metus. Nam massa arcu, faucibus nec pulvinar non, lacinia non felis. Pellentesque eget porttitor lacus. Aenean viverra risus vitae orci aliquet egestas. Pellentesque ac tincidunt mi. Phasellus vitae tempor nisi. Nam nec dignissim lacus. Donec tristique a nibh eu lacinia. Curabitur diam augue, fringilla at tincidunt at, aliquet eget ex. Sed vitae sem iaculis, commodo purus sit amet, faucibus ligula. Vestibulum sed felis in elit consequat mattis nec ut dui. Ut in diam non mi aliquet vulputate. Nunc ultricies bibendum tortor, ac placerat felis lacinia a. Aliquam a urna id ex dictum varius. Suspendisse potenti.[/border][/border][/border][border=0px outset var(--outline); height:40px; width:215px; padding:5px; align-self:flex-end;][comment] title is below here [/comment][border=0px; padding:0; text-align:center; letter-spacing:2px; font-size:30px; color:var(--fontcolor); font-family:var(--titlefont);]femme fatale.[/border][/border][/border][/border][/border][/border][border=0; padding:0; margin:auto; width:90px; text-transform:lowercase; font-size:8px; text-align:center]coded by kaninchen[/border]