Input Template

[nobr][div=/* THIS CODE IS BY FOREBODHI FOR FREE USE */

&AESTHETIC THINGS \ group&

--main-bg: #141414; /* this is the darkest background color*/
--light-bg: #1F1F1F; /* this is the lightest background color */
--txt: #D4D4D4; /* this is the color of the general text */
--accent: #&Accent Color Hexcode (do not include #) \ text& /* this is the overall accent color */

--b1: 1px solid #414141; /* this is a border */
--bc: #414141; /* this is the border color */

/* IMAGES HERE!! */
--bimg1: url(&Big Image 1 link \ text&);
--bimg2: url(&Big Image 2 link \ text&);
--bimg3: url(&Big Image 3 link \ text&);
--aes1: url(&Aesthetic Image 1 link \ text&);
--aes2: url(&Aesthetic Image 2 link \ text&);
--aes3: url(&Aesthetic Image 3 link \ text&);
--aes4: url(&Aesthetic Image 4 link \ text&);

&AESTHETIC THINGS \ end&

/* you can change these fonts if you want 
however, i don't suggest doing so unless you have
experience with coding as you'll have to go 
and change all the font-sizes too <3 */
--fancy: "Rozha One", serif;
--body: "Open Sans", sans-serif;
--extra: "Atkinson Hyperlegible", sans-serif;

margin: 20px auto; background: var(--main-bg); width: 100%; max-width: 600px; border: var(--b1); font: 12pt var(--body); color: var(--txt);]

[comment] &TOP OF THE TEMPLATE \ group& [/comment]
[div=width: 100%; box-sizing: border-box; background: var(--light-bg); color: var(--txt); padding: 20px;]
[div=font: 45pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; text-shadow: 0.1px 0.1px 5px var(--accent), 0.1px 0.1px 5px var(--accent); overflow: hidden; height: 45px; display: flex; align-items: center;]&First Name \ text&[/div]
[div=font: 25pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; text-shadow: 0.1px 0.1px 5px var(--accent), 0.1px 0.1px 5px var(--accent); overflow: hidden; height: 25px; display: flex; align-items: center;]&Last Name \ text&[/div]
[div=width: 75px; height: 3px; background: var(--accent); margin: 20px 0;][/div]
[div=text-align: justify; color: var(--txt); font: 7pt var(--extra); text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.6;]&Lyrics or Quote \ content&[/div]
[/div]
[comment] &TOP OF THE TEMPLATE \ end& [/comment]

[comment] FIRST IMAGE, USES THE VARIABLE --BIMG1 [/comment]
[div=background: var(--accent); padding: 40px; border-bottom: var(--b1); border-top: var(--b1);][div=width: 100%; height: 225px; border: var(--b1); background: var(--bimg1); background-size: 200%; background-position: center 15%; filter: grayscale(1) brightness(0.6);][/div][/div]

[comment] &BASIC INFORMATION SECTION \ group& [/comment]
[div=width: 100%; height: 300px; overflow: hidden;][div=border: var(--b1); background: var(--bc); display: flex; flex-direction: row; flex-wrap: wrap; gap: 1px; padding: 0; height: 300px; overflow: auto; width: 103%; margin-left: -1px;]

[div=padding: 20px; width: 100%; min-width: 100%; display: block; padding: 20px; background: var(--light-bg); font: 25pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); position: sticky; top: 0; border-bottom: var(--b1); margin-bottom: -1px;]basic information[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]

[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
full name
[/div][div=text-align: justify; font: 10pt var(--body); text-align: justify; text-align-last: right;]
&Full name \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
nicknames
[/div][div=text-align: justify; font: 10pt var(--body);]
&Nicknames \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
aliases
[/div][div=text-align: justify; font: 10pt var(--body);]
&Aliases \ text&
[/div][/div]

[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
social status
[/div][div=text-align: justify; font: 10pt var(--body);]
&Social Stauts \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
social rank
[/div][div=text-align: justify; font: 10pt var(--body);]
&Social Rank \ text&
[/div][/div]

[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
gender
[/div][div=text-align: justify; font: 10pt var(--body);]
&Gender \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
pronouns
[/div][div=text-align: justify; font: 10pt var(--body);]
&Pronouns \ text&
[/div][/div]

[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
birthday
[/div][div=text-align: justify; font: 10pt var(--body);]
&Birthday \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
age
[/div][div=text-align: justify; font: 10pt var(--body);]
&Age \ number& years
[/div][/div]
[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
zodiac
[/div][div=text-align: justify; font: 10pt var(--body);]
&Zodiac Sign \ text&
[/div][/div]

[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
romantic orientation
[/div][div=text-align: justify; font: 10pt var(--body);]
&Romantic orientation \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
sexual orientation
[/div][div=text-align: justify; font: 10pt var(--body);]
&Sexual Orientation \ text&
[/div][/div]

[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
romantic type 
[/div][div=text-align: justify; font: 10pt var(--body);]
&Romantic Style (monogamous? polyamorous? etc) \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
relationship status
[/div][div=text-align: justify; font: 10pt var(--body);]
&Relationship status \ text&
[/div][/div]

[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
parents 
[/div][div=text-align: justify; font: 10pt var(--body);]
&Parents \ text&
[/div][/div]
[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]
siblings
[/div][div=text-align: justify; font: 10pt var(--body);]
&Siblings \ text&
[/div][/div]

[/div][/div]
[comment] &BASIC INFORMATION SECTION \ end& [/comment]

[comment] OTHER IMAGES, USES THE VARIABLE --BIMG2 AND --BIMG2 [/comment]
[div=background: var(--accent); padding: 40px; border-bottom: var(--b1); border-top: var(--b1); display: flex; gap: 20px;]
[div=flex-basis: 45%; flex-grow: 1; height: 225px; border: var(--b1); background: var(--bimg2); background-size: cover; background-position: center 15%; filter: grayscale(1) brightness(0.6);][/div][div=flex-basis: 45%; flex-grow: 1; height: 225px; border: var(--b1); background: var(--bimg3); background-size: cover; background-position: center 15%; filter: grayscale(1) brightness(0.6);][/div][/div]

[div=background: var(--main-bg); display: flex; height: 375px; flex-wrap: wrap;]
[div=flex-basis: 45%; box-sizing: border-box; flex-grow: 1; padding: 20px; display: block; padding: 20px; background: var(--light-bg); font: 15pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); border-bottom: var(--b1); margin-bottom: -1px; border-right: var(--b1);]visage[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]
[div=flex-basis: 45%; box-sizing: border-box; flex-grow: 1; padding: 20px; display: block; padding: 20px; background: var(--light-bg); font: 15pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); border-bottom: var(--b1); margin-bottom: -1px;]MENTAL[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]

[comment] &VISAGE \ group& [/comment]
[div=flex-basis: 45%; flex-grow: 1; border-right: var(--b1); height: 300px; box-sizing: border-box; overflow: hidden;][div=width: 106%; overflow: auto; height: 300px;]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]HEIGHT[/div][/b]&Height \ text&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]BUILD[/div][/b]&Build \ content&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]HAIR[/div][/b]&Hair \ content&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]EYES[/div][/b]&Eyes \ content&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]SKIN[/div][/b]&Skin \ content&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]STYLE[/div][/b]&Style \ content&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]MODIFICATIONS[/div][/b]&Physical Modifications \ content&[/div]
[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]&Face claim or Artist? \ select \ Face claim \ Artist&[/div][/b]&Face claim or Artist \ content&[/div]
[/div][/div]
[comment] &VISAGE INFORMATION \ end& [/comment]

[comment] &MENTAL INFORMATION \ group& [/comment]
[div=flex-basis: 45%; flex-grow: 1; border-right: var(--b1); height: 300px; box-sizing: border-box; overflow: hidden;][div=width: 106%; overflow: auto; height: 300px;]
[div=display: flex; flex-wrap: wrap; gap: 5px; padding: 15px; border-top: var(--b1); margin-top: -1px;][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]TRAITS[/div]&Traits. I heavily suggest you manually do this, as it has specific coding that you can add to \ content&
[/div]
[div=text-align: justify; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]HOBBIES[/div][/b]&Hobbies \ content&[/div]
[div=text-align: justify; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]ALIGNMENT[/div][/b]&Moral Alignment \ content&[/div]
[div=text-align: justify; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]&Extra Field Name \ text&[/div][/b]&Extra Field Content \ content&[/div]
[/div]
[/div][/div]
[comment] &MENTAL INFORMATION \ end& [/comment]

[div=display: flex; flex-direction: row; background: var(--accent); padding: 40px; box-sizing: border-box; gap: 20px; justify-content: space-between; align-items: center;]
[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes1); background-size: cover; background-position: center; border: var(--b1);][/div]
[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes2); background-size: cover; background-position: center; border: var(--b1);][/div]
[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes3); background-size: cover; background-position: center; border: var(--b1);][/div]
[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes4); background-size: cover; background-position: center; border: var(--b1);][/div]
[/div]

[div=padding: 20px; width: 100%; min-width: 100%; display: block; padding: 20px; background: var(--light-bg); font: 25pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); position: border-bottom: var(--b1);]HISTORY[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]

[comment]&HISTORY \ group&[/comment]
[div=height: 400px; width: 100%; overflow: hidden; background: var(--main-bg); border-top: var(--b1);]
[div=width: 103%; box-sizing: border-box; padding: 20px; white-space: pre-wrap; overflow: auto; height: 400px; text-align: justify;]&Written History \ content&[/div][/div]

[div=background: var(--light-bg); border-top: var(--b1); padding: 5px; font: 5pt var(--extra); text-transform: uppercase; letter-spacing: 1px;][div=opacity: 0.7; text-align: right; color: var(--txt);]coded by forebodhi[/div][/div]

[/div]
[/nobr]

Debug Mode

[
  "[nobr][div=/* THIS CODE IS BY FOREBODHI FOR FREE USE */\r\n\r\n",
  {
    "type": "group",
    "description": "AESTHETIC THINGS",
    "markerStart": {
      "type": "group",
      "description": "AESTHETIC THINGS",
      "original": "&AESTHETIC THINGS \\ group&",
      "repeat": false,
      "indices": [
        59,
        84
      ]
    },
    "repeat": false,
    "originalChildren": [
      "\r\n\r\n--main-bg: #141414; /* this is the darkest background color*/\r\n--light-bg: #1F1F1F; /* this is the lightest background color */\r\n--txt: #D4D4D4; /* this is the color of the general text */\r\n--accent: #",
      {
        "type": "text",
        "description": "Accent Color Hexcode (do not include #)",
        "marker": {
          "type": "text",
          "description": "Accent Color Hexcode (do not include #)",
          "defaultValue": "",
          "original": "&Accent Color Hexcode (do not include #) \\ text&",
          "indices": [
            290,
            337
          ]
        }
      },
      " /* this is the overall accent color */\r\n\r\n--b1: 1px solid #414141; /* this is a border */\r\n--bc: #414141; /* this is the border color */\r\n\r\n/* IMAGES HERE!! */\r\n--bimg1: url(",
      {
        "type": "text",
        "description": "Big Image 1 link",
        "marker": {
          "type": "text",
          "description": "Big Image 1 link",
          "defaultValue": "",
          "original": "&Big Image 1 link \\ text&",
          "indices": [
            513,
            537
          ]
        }
      },
      ");\r\n--bimg2: url(",
      {
        "type": "text",
        "description": "Big Image 2 link",
        "marker": {
          "type": "text",
          "description": "Big Image 2 link",
          "defaultValue": "",
          "original": "&Big Image 2 link \\ text&",
          "indices": [
            555,
            579
          ]
        }
      },
      ");\r\n--bimg3: url(",
      {
        "type": "text",
        "description": "Big Image 3 link",
        "marker": {
          "type": "text",
          "description": "Big Image 3 link",
          "defaultValue": "",
          "original": "&Big Image 3 link \\ text&",
          "indices": [
            597,
            621
          ]
        }
      },
      ");\r\n--aes1: url(",
      {
        "type": "text",
        "description": "Aesthetic Image 1 link",
        "marker": {
          "type": "text",
          "description": "Aesthetic Image 1 link",
          "defaultValue": "",
          "original": "&Aesthetic Image 1 link \\ text&",
          "indices": [
            638,
            668
          ]
        }
      },
      ");\r\n--aes2: url(",
      {
        "type": "text",
        "description": "Aesthetic Image 2 link",
        "marker": {
          "type": "text",
          "description": "Aesthetic Image 2 link",
          "defaultValue": "",
          "original": "&Aesthetic Image 2 link \\ text&",
          "indices": [
            685,
            715
          ]
        }
      },
      ");\r\n--aes3: url(",
      {
        "type": "text",
        "description": "Aesthetic Image 3 link",
        "marker": {
          "type": "text",
          "description": "Aesthetic Image 3 link",
          "defaultValue": "",
          "original": "&Aesthetic Image 3 link \\ text&",
          "indices": [
            732,
            762
          ]
        }
      },
      ");\r\n--aes4: url(",
      {
        "type": "text",
        "description": "Aesthetic Image 4 link",
        "marker": {
          "type": "text",
          "description": "Aesthetic Image 4 link",
          "defaultValue": "",
          "original": "&Aesthetic Image 4 link \\ text&",
          "indices": [
            779,
            809
          ]
        }
      },
      ");\r\n\r\n"
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "AESTHETIC THINGS",
      "original": "&AESTHETIC THINGS \\ end&",
      "indices": [
        816,
        839
      ]
    }
  },
  "\r\n\r\n/* you can change these fonts if you want \r\nhowever, i don't suggest doing so unless you have\r\nexperience with coding as you'll have to go \r\nand change all the font-sizes too <3 */\r\n--fancy: \"Rozha One\", serif;\r\n--body: \"Open Sans\", sans-serif;\r\n--extra: \"Atkinson Hyperlegible\", sans-serif;\r\n\r\nmargin: 20px auto; background: var(--main-bg); width: 100%; max-width: 600px; border: var(--b1); font: 12pt var(--body); color: var(--txt);]\r\n\r\n[comment] ",
  {
    "type": "group",
    "description": "TOP OF THE TEMPLATE",
    "markerStart": {
      "type": "group",
      "description": "TOP OF THE TEMPLATE",
      "original": "&TOP OF THE TEMPLATE \\ group&",
      "repeat": false,
      "indices": [
        1293,
        1321
      ]
    },
    "repeat": false,
    "originalChildren": [
      " [/comment]\r\n[div=width: 100%; box-sizing: border-box; background: var(--light-bg); color: var(--txt); padding: 20px;]\r\n[div=font: 45pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; text-shadow: 0.1px 0.1px 5px var(--accent), 0.1px 0.1px 5px var(--accent); overflow: hidden; height: 45px; display: flex; align-items: center;]",
      {
        "type": "text",
        "description": "First Name",
        "marker": {
          "type": "text",
          "description": "First Name",
          "defaultValue": "",
          "original": "&First Name \\ text&",
          "indices": [
            1663,
            1681
          ]
        }
      },
      "[/div]\r\n[div=font: 25pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; text-shadow: 0.1px 0.1px 5px var(--accent), 0.1px 0.1px 5px var(--accent); overflow: hidden; height: 25px; display: flex; align-items: center;]",
      {
        "type": "text",
        "description": "Last Name",
        "marker": {
          "type": "text",
          "description": "Last Name",
          "defaultValue": "",
          "original": "&Last Name \\ text&",
          "indices": [
            1911,
            1928
          ]
        }
      },
      "[/div]\r\n[div=width: 75px; height: 3px; background: var(--accent); margin: 20px 0;][/div]\r\n[div=text-align: justify; color: var(--txt); font: 7pt var(--extra); text-transform: uppercase; letter-spacing: 1.5px; opacity: 0.6;]",
      {
        "type": "content",
        "description": "Lyrics or Quote",
        "marker": {
          "type": "content",
          "description": "Lyrics or Quote",
          "original": "&Lyrics or Quote \\ content&",
          "indices": [
            2152,
            2178
          ]
        }
      },
      "[/div]\r\n[/div]\r\n[comment] "
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "TOP OF THE TEMPLATE",
      "original": "&TOP OF THE TEMPLATE \\ end&",
      "indices": [
        2205,
        2231
      ]
    }
  },
  " [/comment]\r\n\r\n[comment] FIRST IMAGE, USES THE VARIABLE --BIMG1 [/comment]\r\n[div=background: var(--accent); padding: 40px; border-bottom: var(--b1); border-top: var(--b1);][div=width: 100%; height: 225px; border: var(--b1); background: var(--bimg1); background-size: 200%; background-position: center 15%; filter: grayscale(1) brightness(0.6);][/div][/div]\r\n\r\n[comment] ",
  {
    "type": "group",
    "description": "BASIC INFORMATION SECTION",
    "markerStart": {
      "type": "group",
      "description": "BASIC INFORMATION SECTION",
      "original": "&BASIC INFORMATION SECTION \\ group&",
      "repeat": false,
      "indices": [
        2602,
        2636
      ]
    },
    "repeat": false,
    "originalChildren": [
      " [/comment]\r\n[div=width: 100%; height: 300px; overflow: hidden;][div=border: var(--b1); background: var(--bc); display: flex; flex-direction: row; flex-wrap: wrap; gap: 1px; padding: 0; height: 300px; overflow: auto; width: 103%; margin-left: -1px;]\r\n\r\n[div=padding: 20px; width: 100%; min-width: 100%; display: block; padding: 20px; background: var(--light-bg); font: 25pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); position: sticky; top: 0; border-bottom: var(--b1); margin-bottom: -1px;]basic information[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nfull name\r\n[/div][div=text-align: justify; font: 10pt var(--body); text-align: justify; text-align-last: right;]\r\n",
      {
        "type": "text",
        "description": "Full name",
        "marker": {
          "type": "text",
          "description": "Full name",
          "defaultValue": "",
          "original": "&Full name \\ text&",
          "indices": [
            3938,
            3955
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nnicknames\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Nicknames",
        "marker": {
          "type": "text",
          "description": "Nicknames",
          "defaultValue": "",
          "original": "&Nicknames \\ text&",
          "indices": [
            4451,
            4468
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\naliases\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Aliases",
        "marker": {
          "type": "text",
          "description": "Aliases",
          "defaultValue": "",
          "original": "&Aliases \\ text&",
          "indices": [
            4966,
            4981
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nsocial status\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Social Stauts",
        "marker": {
          "type": "text",
          "description": "Social Stauts",
          "defaultValue": "",
          "original": "&Social Stauts \\ text&",
          "indices": [
            5485,
            5506
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nsocial rank\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Social Rank",
        "marker": {
          "type": "text",
          "description": "Social Rank",
          "defaultValue": "",
          "original": "&Social Rank \\ text&",
          "indices": [
            6008,
            6027
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\ngender\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Gender",
        "marker": {
          "type": "text",
          "description": "Gender",
          "defaultValue": "",
          "original": "&Gender \\ text&",
          "indices": [
            6524,
            6538
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\npronouns\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Pronouns",
        "marker": {
          "type": "text",
          "description": "Pronouns",
          "defaultValue": "",
          "original": "&Pronouns \\ text&",
          "indices": [
            7037,
            7053
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nbirthday\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Birthday",
        "marker": {
          "type": "text",
          "description": "Birthday",
          "defaultValue": "",
          "original": "&Birthday \\ text&",
          "indices": [
            7552,
            7568
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nage\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "number",
        "description": "Age",
        "marker": {
          "type": "number",
          "description": "Age",
          "defaultValue": null,
          "min": null,
          "max": null,
          "original": "&Age \\ number&",
          "indices": [
            8058,
            8071
          ]
        }
      },
      " years\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 25%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nzodiac\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Zodiac Sign",
        "marker": {
          "type": "text",
          "description": "Zodiac Sign",
          "defaultValue": "",
          "original": "&Zodiac Sign \\ text&",
          "indices": [
            8574,
            8593
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nromantic orientation\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Romantic orientation",
        "marker": {
          "type": "text",
          "description": "Romantic orientation",
          "defaultValue": "",
          "original": "&Romantic orientation \\ text&",
          "indices": [
            9104,
            9132
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nsexual orientation\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Sexual Orientation",
        "marker": {
          "type": "text",
          "description": "Sexual Orientation",
          "defaultValue": "",
          "original": "&Sexual Orientation \\ text&",
          "indices": [
            9641,
            9667
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nromantic type \r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Romantic Style (monogamous? polyamorous? etc)",
        "marker": {
          "type": "text",
          "description": "Romantic Style (monogamous? polyamorous? etc)",
          "defaultValue": "",
          "original": "&Romantic Style (monogamous? polyamorous? etc) \\ text&",
          "indices": [
            10172,
            10225
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nrelationship status\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Relationship status",
        "marker": {
          "type": "text",
          "description": "Relationship status",
          "defaultValue": "",
          "original": "&Relationship status \\ text&",
          "indices": [
            10735,
            10762
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-end; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nparents \r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Parents",
        "marker": {
          "type": "text",
          "description": "Parents",
          "defaultValue": "",
          "original": "&Parents \\ text&",
          "indices": [
            11261,
            11276
          ]
        }
      },
      "\r\n[/div][/div]\r\n[div=box-sizing: border-box; flex-basis: 45%; flex-grow: 1; background: var(--main-bg); padding: 15px; text-align: justify; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; justify-content: center;][div=background: var(--light-bg); border: var(--b1); padding: 5px; color: var(--accent); font: 900 10pt var(--fancy); text-transform: uppercase; display: inline-block; letter-spacing: 1px;]\r\nsiblings\r\n[/div][div=text-align: justify; font: 10pt var(--body);]\r\n",
      {
        "type": "text",
        "description": "Siblings",
        "marker": {
          "type": "text",
          "description": "Siblings",
          "defaultValue": "",
          "original": "&Siblings \\ text&",
          "indices": [
            11775,
            11791
          ]
        }
      },
      "\r\n[/div][/div]\r\n\r\n[/div][/div]\r\n[comment] "
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "BASIC INFORMATION SECTION",
      "original": "&BASIC INFORMATION SECTION \\ end&",
      "indices": [
        11834,
        11866
      ]
    }
  },
  " [/comment] \r\n\r\n[comment] OTHER IMAGES, USES THE VARIABLE --BIMG2 AND --BIMG2 [/comment]\r\n[div=background: var(--accent); padding: 40px; border-bottom: var(--b1); border-top: var(--b1); display: flex; gap: 20px;]\r\n[div=flex-basis: 45%; flex-grow: 1; height: 225px; border: var(--b1); background: var(--bimg2); background-size: cover; background-position: center 15%; filter: grayscale(1) brightness(0.6);][/div][div=flex-basis: 45%; flex-grow: 1; height: 225px; border: var(--b1); background: var(--bimg3); background-size: cover; background-position: center 15%; filter: grayscale(1) brightness(0.6);][/div][/div]\r\n\r\n[div=background: var(--main-bg); display: flex; height: 375px; flex-wrap: wrap;]\r\n[div=flex-basis: 45%; box-sizing: border-box; flex-grow: 1; padding: 20px; display: block; padding: 20px; background: var(--light-bg); font: 15pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); border-bottom: var(--b1); margin-bottom: -1px; border-right: var(--b1);]visage[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]\r\n[div=flex-basis: 45%; box-sizing: border-box; flex-grow: 1; padding: 20px; display: block; padding: 20px; background: var(--light-bg); font: 15pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); border-bottom: var(--b1); margin-bottom: -1px;]MENTAL[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]\r\n\r\n[comment] ",
  {
    "type": "group",
    "description": "VISAGE",
    "markerStart": {
      "type": "group",
      "description": "VISAGE",
      "original": "&VISAGE \\ group&",
      "repeat": false,
      "indices": [
        13622,
        13637
      ]
    },
    "repeat": false,
    "originalChildren": [
      " [/comment]\r\n[div=flex-basis: 45%; flex-grow: 1; border-right: var(--b1); height: 300px; box-sizing: border-box; overflow: hidden;][div=width: 106%; overflow: auto; height: 300px;]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]HEIGHT[/div][/b]",
      {
        "type": "text",
        "description": "Height",
        "marker": {
          "type": "text",
          "description": "Height",
          "defaultValue": "",
          "original": "&Height \\ text&",
          "indices": [
            14172,
            14186
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]BUILD[/div][/b]",
      {
        "type": "content",
        "description": "Build",
        "marker": {
          "type": "content",
          "description": "Build",
          "original": "&Build \\ content&",
          "indices": [
            14546,
            14562
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]HAIR[/div][/b]",
      {
        "type": "content",
        "description": "Hair",
        "marker": {
          "type": "content",
          "description": "Hair",
          "original": "&Hair \\ content&",
          "indices": [
            14921,
            14936
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]EYES[/div][/b]",
      {
        "type": "content",
        "description": "Eyes",
        "marker": {
          "type": "content",
          "description": "Eyes",
          "original": "&Eyes \\ content&",
          "indices": [
            15295,
            15310
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]SKIN[/div][/b]",
      {
        "type": "content",
        "description": "Skin",
        "marker": {
          "type": "content",
          "description": "Skin",
          "original": "&Skin \\ content&",
          "indices": [
            15669,
            15684
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]STYLE[/div][/b]",
      {
        "type": "content",
        "description": "Style",
        "marker": {
          "type": "content",
          "description": "Style",
          "original": "&Style \\ content&",
          "indices": [
            16044,
            16060
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]MODIFICATIONS[/div][/b]",
      {
        "type": "content",
        "description": "Physical Modifications",
        "marker": {
          "type": "content",
          "description": "Physical Modifications",
          "original": "&Physical Modifications \\ content&",
          "indices": [
            16428,
            16461
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; text-align-last: right; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]",
      {
        "type": "select",
        "description": "Face claim or Artist?",
        "marker": {
          "type": "select",
          "description": "Face claim or Artist?",
          "options": [
            "Face claim",
            "Artist"
          ],
          "original": "&Face claim or Artist? \\ select \\ Face claim \\ Artist&",
          "indices": [
            16806,
            16859
          ]
        }
      },
      "[/div][/b]",
      {
        "type": "content",
        "description": "Face claim or Artist",
        "marker": {
          "type": "content",
          "description": "Face claim or Artist",
          "original": "&Face claim or Artist \\ content&",
          "indices": [
            16870,
            16901
          ]
        }
      },
      "[/div]\r\n[/div][/div]\r\n[comment] "
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "VISAGE INFORMATION",
      "original": "&VISAGE INFORMATION \\ end&",
      "indices": [
        16934,
        16959
      ]
    }
  },
  " [/comment]\r\n\r\n[comment] ",
  {
    "type": "group",
    "description": "MENTAL INFORMATION",
    "markerStart": {
      "type": "group",
      "description": "MENTAL INFORMATION",
      "original": "&MENTAL INFORMATION \\ group&",
      "repeat": false,
      "indices": [
        16985,
        17012
      ]
    },
    "repeat": false,
    "originalChildren": [
      " [/comment]\r\n[div=flex-basis: 45%; flex-grow: 1; border-right: var(--b1); height: 300px; box-sizing: border-box; overflow: hidden;][div=width: 106%; overflow: auto; height: 300px;]\r\n[div=display: flex; flex-wrap: wrap; gap: 5px; padding: 15px; border-top: var(--b1); margin-top: -1px;][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]TRAITS[/div]",
      {
        "type": "content",
        "description": "Traits. I heavily suggest you manually do this, as it has specific coding that you can add to",
        "marker": {
          "type": "content",
          "description": "Traits. I heavily suggest you manually do this, as it has specific coding that you can add to",
          "original": "&Traits. I heavily suggest you manually do this, as it has specific coding that you can add to \\ content&",
          "indices": [
            17497,
            17601
          ]
        }
      },
      "\r\n[/div]\r\n[div=text-align: justify; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]HOBBIES[/div][/b]",
      {
        "type": "content",
        "description": "Hobbies",
        "marker": {
          "type": "content",
          "description": "Hobbies",
          "original": "&Hobbies \\ content&",
          "indices": [
            17941,
            17959
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]ALIGNMENT[/div][/b]",
      {
        "type": "content",
        "description": "Moral Alignment",
        "marker": {
          "type": "content",
          "description": "Moral Alignment",
          "original": "&Moral Alignment \\ content&",
          "indices": [
            18299,
            18325
          ]
        }
      },
      "[/div]\r\n[div=text-align: justify; border-top: var(--b1); margin-top: -1px; text-align: justify; padding: 15px;][b][div=display: inline-block; color: var(--txt); background: var(--accent); border: var(--b1); margin-right: 5px; padding: 2px 5px; font: 900 9pt var(--extra); text-transform: uppercase; letter-spacing: 1px;]",
      {
        "type": "text",
        "description": "Extra Field Name",
        "marker": {
          "type": "text",
          "description": "Extra Field Name",
          "defaultValue": "",
          "original": "&Extra Field Name \\ text&",
          "indices": [
            18646,
            18670
          ]
        }
      },
      "[/div][/b]",
      {
        "type": "content",
        "description": "Extra Field Content",
        "marker": {
          "type": "content",
          "description": "Extra Field Content",
          "original": "&Extra Field Content \\ content&",
          "indices": [
            18681,
            18711
          ]
        }
      },
      "[/div]\r\n[/div]\r\n[/div][/div]\r\n[comment] "
    ],
    "children": [],
    "markerEnd": {
      "type": "end",
      "description": "MENTAL INFORMATION",
      "original": "&MENTAL INFORMATION \\ end&",
      "indices": [
        18752,
        18777
      ]
    }
  },
  " [/comment]\r\n\r\n[div=display: flex; flex-direction: row; background: var(--accent); padding: 40px; box-sizing: border-box; gap: 20px; justify-content: space-between; align-items: center;]\r\n[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes1); background-size: cover; background-position: center; border: var(--b1);][/div]\r\n[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes2); background-size: cover; background-position: center; border: var(--b1);][/div]\r\n[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes3); background-size: cover; background-position: center; border: var(--b1);][/div]\r\n[div=filter: grayscale(1) brightness(0.6); flex-grow: 1; flex-basis: 15%; height: 100px; background: var(--aes4); background-size: cover; background-position: center; border: var(--b1);][/div]\r\n[/div]\r\n\r\n[div=padding: 20px; width: 100%; min-width: 100%; display: block; padding: 20px; background: var(--light-bg); font: 25pt var(--fancy); text-transform: uppercase; letter-spacing: 2px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; text-shadow: 0.1px 0.1px 5px var(--accent); position: border-bottom: var(--b1);]HISTORY[div=width: 100px; height: 3px; background: var(--accent); margin-top: 1px;][/div][/div]\r\n\r\n[comment]",
  {
    "type": "group",
    "description": "HISTORY",
    "markerStart": {
      "type": "group",
      "description": "HISTORY",
      "original": "&HISTORY \\ group&",
      "repeat": false,
      "indices": [
        20238,
        20254
      ]
    },
    "repeat": false,
    "originalChildren": [
      "[/comment]\r\n[div=height: 400px; width: 100%; overflow: hidden; background: var(--main-bg); border-top: var(--b1);]\r\n[div=width: 103%; box-sizing: border-box; padding: 20px; white-space: pre-wrap; overflow: auto; height: 400px; text-align: justify;]",
      {
        "type": "content",
        "description": "Written History",
        "marker": {
          "type": "content",
          "description": "Written History",
          "original": "&Written History \\ content&",
          "indices": [
            20503,
            20529
          ]
        }
      },
      "[/div][/div]\r\n\r\n[div=background: var(--light-bg); border-top: var(--b1); padding: 5px; font: 5pt var(--extra); text-transform: uppercase; letter-spacing: 1px;][div=opacity: 0.7; text-align: right; color: var(--txt);]coded by forebodhi[/div][/div]\r\n\r\n[/div]\r\n[/nobr]"
    ],
    "children": []
  }
]

[
  {
    "type": "MissingEnd",
    "marker": {
      "type": "group",
      "description": "HISTORY",
      "original": "&HISTORY \\ group&",
      "repeat": false,
      "indices": [
        20238,
        20254
      ]
    }
  }
]

ashwingbiodark

By forebodhi

AESTHETIC THINGS

Accent Color Hexcode (do not include #)

Big Image 1 link

Big Image 2 link

Big Image 3 link

Aesthetic Image 1 link

Aesthetic Image 2 link

Aesthetic Image 3 link

Aesthetic Image 4 link

TOP OF THE TEMPLATE

First Name

Last Name

Lyrics or Quote

BASIC INFORMATION SECTION

Full name

Nicknames

Aliases

Social Stauts

Social Rank

Gender

Pronouns

Birthday

Age

Zodiac Sign

Romantic orientation

Sexual Orientation

Romantic Style (monogamous? polyamorous? etc)

Relationship status

Parents

Siblings

VISAGE

Height

Build

Hair

Eyes

Skin

Style

Physical Modifications

Face claim or Artist?

Face claim

Artist

Face claim or Artist

MENTAL INFORMATION

Traits. I heavily suggest you manually do this, as it has specific coding that you can add to

Hobbies

Moral Alignment

Extra Field Name

Extra Field Content

HISTORY

Written History

Output