[border=2px outset grey; padding:0; margin:auto; max-width:500px; min-width:200px; height:fit-content; background: #a0a0a4; line-height:15px;][border=0; padding=10px; box-sizing:border-box; margin:0; width:100%; height:fit-content; line-height:10px; background:#000080; font-size:20px;][font=VT323][color=white]Processing. . . . [/color][/font][/border] [border=0; padding-bottom:10px; height:100%; width:95%; display:flex; flex-flow:row wrap; justify-content:center; align-content:center;][comment]

images below

[/comment]
[border=0; display:inline-block; height:330px; flex:2; flex-flow:row wrap; vertical-align:top; max-width:180px][border=2px outset grey; padding-left:30px; max-width:100px; height:150px; background:URL('https://kpopping.com/documents/bd/1/1333/Joy-Hello-1st-Special-Album-teasers-documents-1.jpeg') 80% 20%;background-size:cover;][/border] [border=2px outset grey; padding-left:30px; margin-left:20px; margin-top:-155px; max-width:100px; height:150px; background:URL('https://kpopping.com/documents/bd/1/1333/Joy-Hello-1st-Special-Album-teasers-documents-1.jpeg') 80% 20%;background-size:cover;][/border]
[border=2px outset grey; padding-left:30px; margin-left:40px; margin-top:-170px; max-width:100px; height:150px; background:URL('https://kpopping.com/documents/bd/1/1333/Joy-Hello-1st-Special-Album-teasers-documents-1.jpeg') 80% 20%;background-size:cover;][/border][comment]


outfit, mood, location, whatever just keep it short, it doesn't scroll. wouldn't recommend tags here.

[/comment][border=2px outset grey; box-sizing:border-box; height:30px; width:100%; line-height:10px; padding=0; margin-top:13px; display:inline-block; font-size:15px; font-family:"VT323"; color:black;]outfit: link here[/border]
[border=2px outset grey; box-sizing:border-box; height:30px; width:100%; line-height:10px; padding=0; margin-top:3px; display:inline-block; font-size:15px; font-family:"VT323"; color:black;]mood: peachy![/border]
[border=2px outset grey; box-sizing:border-box; height:30px; width:100%; line-height:10px; padding=0; margin-top:3px; display:inline-block; font-size:15px; font-family:"VT323"; color:black;]location: in ur desktop[/border][/border][comment]

text window container, you can change window header here

[/comment][border=outset 2px grey; height:315px; min-width:250px; padding:0; display:flex; flex-flow:row wrap; alignt-content:stretch; justify-content:center; margin-top:12px; margin-right:5px; flex:1;][border=0; height:24px; width:100%; background:#000080; box-sizing:border-box; margin:0; font-family:"VT323"; font-size:15px; padding-top:4px;] [color=white][i]Joy says. . . . [/i][/color][/border][comment]

scroll container, text goes below here

[/comment]
[border=2px outset grey; background:white; padding:0; height:270px; max-width:240px; margin:auto;][border=0; padding:0; box-sizing:border-box; height:270px; width:240px; overflow:hidden; display:flex; flex-direction:column;][border=0; padding:0; width:200%; height:100%; overflow-y:scroll;][border=0; padding:0; box-sizing:border-box; height:auto; width:50%; padding:0 0 0 10px; text-align:justify; color:black;font-family:"Rubik";][b]"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."[/b] Sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Sed vulputate odio ut enim blandit volutpat maecenas. Pellentesque elit eget gravida cum sociis. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Elit sed vulputate mi sit amet mauris commodo quis. Auctor eu augue ut lectus arcu. Sit amet facilisis magna etiam tempor orci eu. Hac habitasse platea dictumst vestibulum rhoncus est. Duis ultricies lacus sed turpis. Vitae auctor eu augue ut lectus arcu bibendum. Id porta nibh venenatis cras sed felis eget. Id consectetur purus ut faucibus pulvinar elementum. Pellentesque massa placerat duis ultricies lacus.

Amet luctus venenatis lectus magna. Venenatis tellus in metus vulputate eu. Ipsum dolor sit amet consectetur adipiscing elit pellentesque. Morbi tincidunt ornare massa eget egestas purus viverra accumsan. Et ultrices neque ornare aenean euismod elementum nisi quis eleifend. Condimentum id venenatis a condimentum vitae sapien pellentesque habitant. Suscipit adipiscing bibendum est ultricies integer quis auctor elit sed. Sit amet volutpat consequat mauris nunc congue. Tincidunt arcu non sodales neque sodales ut etiam sit. At in tellus integer feugiat scelerisque varius morbi.

Nibh sit amet commodo nulla facilisi. Viverra nibh cras pulvinar mattis nunc sed blandit libero. Adipiscing diam donec adipiscing tristique. Sollicitudin ac orci phasellus egestas tellus rutrum. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Diam vel quam elementum pulvinar etiam non. Ultrices mi tempus imperdiet nulla malesuada. Et tortor at risus viverra adipiscing at in tellus integer. Egestas fringilla phasellus faucibus scelerisque. Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper. In dictum non consectetur a erat nam at. Dapibus ultrices in iaculis nunc sed. Vitae nunc sed velit dignissim sodales ut. Nam aliquam sem et tortor consequat id. Viverra justo nec ultrices dui sapien eget mi proin sed. Leo in vitae turpis massa sed elementum tempus egestas.

Netus et malesuada fames ac turpis egestas. Consectetur adipiscing elit ut aliquam purus sit amet luctus. Eu feugiat pretium nibh ipsum consequat nisl vel pretium. Interdum consectetur libero id faucibus nisl tincidunt eget nullam non. Nec ullamcorper sit amet risus nullam eget felis. Ut venenatis tellus in metus vulputate eu scelerisque felis. Morbi tristique senectus et netus et malesuada fames ac. Proin sagittis nisl rhoncus mattis rhoncus. Risus feugiat in ante metus dictum at tempor commodo. Urna nec tincidunt praesent semper feugiat nibh sed pulvinar. Urna nunc id cursus metus aliquam. Nibh tortor id aliquet lectus proin nibh nisl condimentum id. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus in. Vitae turpis massa sed elementum. Blandit turpis cursus in hac. Adipiscing bibendum est ultricies integer quis auctor elit sed vulputate. Justo laoreet sit amet cursus sit. Eget nunc lobortis mattis aliquam faucibus. Dolor purus non enim praesent elementum facilisis leo. Dui nunc mattis enim ut tellus.

Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Blandit libero volutpat sed cras ornare arcu. Commodo nulla facilisi nullam vehicula. Ut faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. Risus quis varius quam quisque id. Hendrerit dolor magna eget est lorem ipsum dolor. Sagittis purus sit amet volutpat. Mus mauris vitae ultricies leo integer malesuada nunc. Diam maecenas ultricies mi eget mauris pharetra et. Proin sagittis nisl rhoncus mattis rhoncus. Orci sagittis eu volutpat odio facilisis mauris. Quam adipiscing vitae proin sagittis nisl rhoncus. Ornare quam viverra orci sagittis. Posuere ac ut consequat semper viverra nam libero justo laoreet. Et ultrices neque ornare aenean euismod elementum nisi.

[USER=91967]@kaninchen[/USER][/border][/border][/border][/border][/border][/border][/border][comment]

coded by kaninchen <3

[/comment][border=0; padding:0; margin:auto; width:90px; text-transform:lowercase; font-size:8px; text-align:center]coded by kaninchen[/border]