Coding dump..

[comment]variables ~ by cicely.[/comment]
[border=2px solid white;
/*big image - background must be transparent*/
--big-img: url('https://o.remove.bg/downloads/4fd6cf67- ... review.png');

/*side images*/
--left-image:url('https://o.remove.bg/downloads/acabffda- ... review.png');
--right-image: url('https://o.remove.bg/downloads/36e56626- ... review.png');

/*black & white filter*/
-- filter: saturate(10%) brightness(80%) contrast(120%);

/*background overlay image*/
--background: url('https://i.pinimg.com/originals/42/0b/04 ... 13fbf8.jpg');

/*name font*/
--font: Fira Sans;

/*quote font*/
--qfont: Klee One

/*complimentary color*/
--light-green: #daf7a6;

/*quote font size*/
--size: 15pt;

height: 600px; max-width: 400px; background-color: #C5C5C0; margin: auto; padding: 0; line-height: 0; overflow: hidden; position: relative;]

[comment]top portion[/comment]
[comment]NAME[/comment]
[border=0; height: 33%; display: block; padding: 0;][border=2px solid transparent; width: 15%; height: 195%; padding: 3px; float: left; text-align: center; line-height: 29px; font-size: 30px; letter-spacing: 15px; font-style: italic; text-transform: uppercase; text-shadow: 5px 2px 3px black; position: relative; color: #daf7a6][font=Fira Sans]
F
i
r
s
t

L
a
s
t[/font][/border]

[comment]PICTURE - SIDE PROFILE[/comment]

[border=0px solid transparent; width: 45%; padding: 0; float: left; height: 99%; background:var(--left-image); background-size: cover; filter: saturate(10%) brightness(80%) contrast(120%);][/border]

[comment]QUOTE OR LYRIC[/comment]

[border=0px solid transparent; border-left: 2px solid white; width: 32%; padding: 8px; float: left; height: 99%; line-height: 10px; color: fff; font-size: 30px; text-align: justify; text-transform: uppercase; font-weight: bold; word-spacing: 2px; font-style: italic; text-shadow: 2px 2px 2px black, 1px 1px 1px black;]

❝
[font=Klee One] I hope I can become someone’s dream. [/font]


❞

— seulgi
kang
[/border]

[/border]


[comment]middle portion[/comment]
[comment]SIMPLE BACKGROUND[/comment]
[border=2px solid white; height: 33%; display: block; padding: 0; background: var(--background); background-size: 50%;]

[comment]FRONT PROFILE PICTURE[/comment]
[border=1px solid transparent; height: 150%; display: block; padding: 0; margin-top: -101px; background: var(--big-img); background-size: 80%; background-repeat: no-repeat; background-position: 50% 5%; position: relative;][/border]

[comment]FACECLAIM[/comment]
[border=0; width: 50%; height: 10%; padding: 0px; padding-right: 15px; margin-top: -25px; float: right; font-size: 15px; line-height: 25px; text-align: right; position: relative; color: #fff; text-transform: uppercase; text-shadow: 2px 2px 4px black, 2px 2px 1px #DAF7A6; font-weight: bolder; font-style: oblique;]FC: Seulgi Kang [/border][/border]

[comment]bottom portion[/comment]
[border=2px solid transparent; border-right: 2px solid white; height: 33%; width: 50%; display: block; padding: 0; float: left;]

[comment]TABS[/comment]
[border=0px solid green; height: 30px; width: 50%; margin: auto; margin-top: 80px; margin-left: 65px; padding: 0; overflow: hidden;][tabs][tab=B] rawr[/tab]
[/tabs][/border]
[/border]

[comment]PICTURE - SIDE PROFILE[/comment]
[border=0px solid transparent; height: 34%; width:45%; display: block; padding: 0; float: left; background:var(--right-image); background-size: cover; filter: saturate(10%) brightness(80%) contrast(120%);][/border]

[comment]BEAR - TAB COVER[/comment]
[border=0; height: 10%; width: 30%; margin:auto; margin-left: 36px; margin-top: 30px; pointer-events: none; position: absolute; font-weight:bold; text-transform:uppercase; line-height:0; font-size:100px; color: #b19bdc; text-shadow: 5px 5px 2px #daf7a6, 2px 3px 3px #fff; opacity: 1;][fa]fas fa-chess-queen[/fa][/border]

[comment]TAB NOTICE[/comment]
[border=2px solid transparent; height: 2%; width: 30%; margin: auto; margin-left: 23px; margin-top: 135px; padding: 10px; position: absolute; text-align: center; text-transform: uppercase; line-height: 0px; text-shadow: 2px 2px 2px black, 3px 3px 1px #DAF7A6; font-weight: bolder; font-style: oblique;]click[/border]
[/border]