[comment][font=Karla][font=Source Sans Pro]𝐲𝐨𝐮 𝐦𝐚𝐤𝐞 𝐦𝐞 𝐛𝐚𝐜𝐤 [/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:60px; font-size:0px; color: black; /* ------ colours ------ */ background:var(--bg); --bg: #f0f0f0; --mainbg: #EDEDED; --overlay: rgba(255, 255, 255, 0.1); /* ------ fonts + colours ------ */ --font: Source Sans Pro; --mainfont: Karla; --name: #CECECE; /* ------ border ------ */ --border: 1px solid black; /* ------ images ------ */ --image: URL(https://lh3.googleusercontent.com/9H1JnrVOXmTqVwxEpKV-ajE75nf_VlbQ-ASulsex_tHtt4S-Jiv1NrysiWBfT4vqs402h3VOcc0dmgFNTXaTtXO7zl0emvOr=w1200-h630-rj-pp-e365) center/cover no-repeat ; --top: url(https://media0.giphy.com/media/el1T7zwThDMIEoqOkl/giphy.gif) 50% 45%/cover no-repeat ; /* ------ cursor ------ */ cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;] [border=var(--border); padding:0px; max-width:650px; min-width:320px;width:100%; height:fit-content; margin:auto; box-sizing:border-box;overflow:hidden;position:relative; display:flex; flex-flow: row wrap; justify-content:space-between;align-items:stretch; flex-grow:1; background:var(--mainbg)] [border=0; padding:0; width:100%; height:30px; background:var(--bg); border-bottom: var(--border);text-align:justify; font-size:8px; letter-spacing:1px; text-transform:uppercase; font-family:var(--font); line-height:10px;font-style:bold;display:flex; flex-flow: row wrap; justify-content:space-between; align-items: center; /* ------ top banner words ------ */]My exhausted footsteps remain alone. Lost with nowhere to go. Like the sunset in the sky. Call me. Awaken me. Yeah, you make me back[/border] [border=0; padding:0; width:100%; height:fit-content; background:var(--bg); border-bottom: var(--border);text-align:justify; font-family:var(--font); line-height:10px;font-style:bold;display:flex; flex-flow: row wrap; justify-content:space-between; font-weight:600; text-align:justify; font-size:35px; text-transform:uppercase; letter-spacing:2px; ][border=0; padding:0; display:flex; align-items: center; max-width:320px; min-width:320px;width:100%; height:70px; text-align:center; margin-top:-5px; padding-left:5px; box-sizing:border-box; /* ------ character name ------ */]bailey seo (서범)[/border] [border=0; padding:0; min-width:320px;height:70px;background:var(--top); filter:grayscale(100%);display:flex; align-items:stretch; flex:2; ][/border] [/border] [border=0; padding:0; min-width:210px; height:250px; overflow:hidden; box-sizing:border-box; display:flex; align-items:stretch; flex:2; background:var(--image);border-right:var(--border); filter:grayscale(100%);] [border=0; padding:0; width:100%; height:100%; background:var(--overlay); ][/border] [/border] [border=0; padding:0; max-width:430px; min-width: 230px; flex:3; height:250px; overflow:hidden; box-sizing:border-box; overflow:hidden;][border=0px; padding:0px; height:calc(100% - 10px); width:200%; overflow-y:scroll;overflow-x:hidden;line-height:12px; font-size:10px; letter-spacing:0px;white-space:normal; font-weight:normal;margin-top:5px;font-family:var(--font);][border=0; padding:0px;height:auto; padding-left:10px;width:49%; box-sizing:border-box; /* ------ text starts here ------ */]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquam eget quam eu aliquet. Donec lacinia vitae dolor eu volutpat. Phasellus in magna sit amet quam mattis viverra. Nam porttitor nibh a pharetra tincidunt. Curabitur iaculis egestas eros vitae porttitor. Suspendisse efficitur bibendum lorem, eu blandit nisi finibus sit amet. Sed nisi velit, venenatis id commodo nec, semper vel orci. Suspendisse aliquet eget quam nec malesuada. Aenean scelerisque lectus vitae ipsum luctus egestas eu interdum mi. Integer faucibus fermentum euismod. Suspendisse dictum nibh sed varius commodo. Etiam lacinia augue congue velit cursus hendrerit. Donec pharetra lectus sapien, non commodo libero vestibulum id. Nunc vitae ex eget tellus faucibus viverra. Sed sodales nunc ut nulla pharetra consequat. Morbi a vulputate massa, eget pellentesque sapien. Maecenas eget turpis mi. Donec quis libero ut massa mollis volutpat. Proin tristique, arcu eget ullamcorper auctor, tellus lectus posuere risus, eu auctor quam libero pellentesque sapien. Quisque congue, justo quis dignissim porttitor, est velit consequat erat, nec pharetra nisi odio a nibh. Nunc consectetur tellus vitae dolor commodo sodales. In lacinia sapien quis porttitor feugiat. Quisque tristique elementum blandit. Nulla facilisi. Nulla sed faucibus lectus, id dictum tellus. Aliquam quis libero sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam id tellus vel tellus euismod imperdiet. Pellentesque at magna nibh. Aenean fringilla risus ac lorem dapibus ornare. Mauris consectetur dolor metus. Nunc ut dignissim massa, id sodales lectus. Nulla vel interdum odio. Maecenas imperdiet, turpis non aliquam suscipit, erat mauris sollicitudin lacus, eu feugiat sem elit eu mi.[/border][/border][/border] [border=0; padding:0; width:100%; height:25px; background:var(--bg); border-top: var(--border);overflow:hidden;][border=0px; padding:0px; height:calc(100% - 10px); width:200%; overflow-y:scroll;overflow-x:hidden;line-height:12px;white-space:normal; margin-top:5px;font-family:var(--font); scroll-snap-type: y mandatory; text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:7px;][border=0; padding:0px;height:auto; padding-left:10px;width:49%; box-sizing:border-box; /* ------ bottom text ------ */ ][border=0px; padding:0px; width:100%; height:30px; scroll-snap-align: start end; display:flex; justify-content:space-between][border=0; padding:0; width:80%]mood | Lorem ipsum dolor sit amet[/border] [border=0; padding:0;width:20%; text-align:right; font-weight:normal]scroll [fa]fa-solid fa-arrow-down[/fa][/border][/border] [border=0px; padding:0px; width:100%; height:30px; scroll-snap-align: start end;]location | Lorem ipsum dolor sit amet[/border] [border=0px; padding:0px; width:100%; height:30px; scroll-snap-align: start end;]outfit | Lorem ipsum dolor sit amet[/border] [border=0px; padding:0px; width:100%; height:30px; scroll-snap-align: start end;]tag | Lorem ipsum dolor sit amet[/border][/border] [/border] [/border] [/border] /* ------ credit -- do not remove ------ */ [border=0px; padding:0px; max-width:650px; min-width:320px;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(--mainfont); ] © weldherwings.[/border][/border]