Stardust_Galaxy

blueberry muffin

May 17th, 2022 (edited)
218
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.82 KB | None | 0 0
  1. [comment][font=Raleway][font=Inter]BG[/font][/font][/comment][border=none; max-width:650px; height:auto; margin:auto;display:flex; flex-direction:column; flex-wrap: wrap; flex-grow:1; line-height:0; padding:5px;
  2.  
  3. /*colors used*/
  4. --BGcolor:#EBEAE5;
  5. --color:#334A62;
  6. --color-1:#35485E;
  7. --color-2:#456586;
  8. --color-text:black;
  9.  
  10. /*pictures used*/
  11. --Pic-1:url(https://i.pinimg.com/564x/c3/82/03/c38203ee4b4f72de9787dbb96877e9c7.jpg);
  12. --Pic-2:url(https://i.pinimg.com/originals/e5/ec/bb/e5ecbbc073500e1175e560d7de2b40e5.jpg);
  13. --Pic-3:url(https://i.pinimg.com/564x/af/99/a3/af99a344aec3aaef8ba0237f2ccaa86d.jpg);
  14. --Pic-1-1:url(https://i.pinimg.com/564x/6a/2b/63/6a2b63aa8a6565d3ea8f283c02029fca.jpg);
  15. --Pic-1-2:url(https://i.pinimg.com/564x/78/b0/4f/78b04fa8191b9d9d8e37e9e3b31a5cd6.jpg);
  16. --Pic-2-1:url(https://i.pinimg.com/564x/9d/df/cf/9ddfcf8d8c828a2369805d7cc56b5139.jpg);
  17. --Pic-2-2:url(https://i.pinimg.com/564x/85/54/3e/85543e66e1cc02e527efadcace551a89.jpg);
  18.  
  19. /*fonts*/
  20. --text: 'Inter';
  21. --text-1: 'Raleway';][comment]
  22.  
  23. PART 1[/comment][border=none; margin:auto; background:var(--BGcolor); width:93%; height:auto; display:flex; flex-direction:column; flex-wrap: wrap; flex-grow:1; border:2px solid var(--color);][comment]
  24.  
  25. -CHARACTER NAME-[/comment][border=none; margin:auto; width:auto; height:auto; font-family: var(--text); font-size:clamp(45px, 2.5vw, 55px); color: var(--color); line-height: 40px; text-align: center; text-transform:uppercase; flex-grow:1; ]character name[/border][comment]
  26.  
  27. -ROLE-[/comment][border=none; margin:auto; width:auto; height:auto; font-family: var(--text); font-size:clamp(13px, 2.5vw, 18px); color: var(--color); line-height: 10px; text-align: center; text-transform:uppercase; flex-grow:1; ]role[/border][/border][comment]
  28.  
  29. PART 2[/comment][border=none; margin:auto; background:var(--BGcolor); width:93%; height:auto; padding:0px 10px; border-bottom:2px solid var(--color); color:var(--color); border-left:2px solid var(--color); color:var(--color); border-right:2px solid var(--color);][border=none; height:30px; width:100%;margin-top:auto; overflow:hidden; padding:0px;][border=none; height:47px; width:100%; padding:0; overflow-x:scroll;][border=none; height:30px; width:fit-content; padding:0; display:flex; flex-flow:row nowrap; align-items:flex-end;][border=none; background:brown; padding:0; width:0; height:100%; margin-right:-5px;][/border][comment]
  30.  
  31. -AGE-[/comment][border=none; height:auto; width:160px; box-sizing:border-box; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; text-align:center;margin:auto; border-right:2px solid var(--color); color:var(--color);]age[/border][comment]
  32.  
  33. -GENDER-[/comment][border=none; height:auto; width:160px; box-sizing:border-box; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; text-align:center;margin:auto; border-right:2px solid var(--color); color:var(--color);]gender[/border][comment]
  34.  
  35. -SEXUALITY-[/comment][border=none; height:auto; width:160px; box-sizing:border-box; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; text-align:center;margin:auto; border-right:2px solid var(--color); color:var(--color);]sexuality[/border][comment]
  36.  
  37. -D.O.B-[/comment][border=none;height:auto; width:160px; box-sizing:border-box; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; text-align:center;margin:auto; border-right:2px solid var(--color); color:var(--color);]d.o.b[/border][comment]
  38.  
  39. -P.O.B-[/comment][border=none;height:auto; width:160px; box-sizing:border-box; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; text-align:center;margin:auto; border-right:2px solid var(--color); color:var(--color);]P.O.B[/border][comment]
  40.  
  41. -EXTRA INFO-[/comment][border=none; height:auto; width:160px; box-sizing:border-box; font-size:15px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; text-align:center;margin:auto; color:var(--color);]degree[/border]
  42. [/border][/border][/border][/border][comment]
  43.  
  44. PART 3[/comment][border=none; margin:auto; background:var(--BGcolor); border-right:2px solid var(--color); border-left:2px solid var(--color);width:93%; height:auto; display:flex; flex-direction:row; flex-wrap: wrap; flex-grow:1;][comment]
  45.  
  46. VISAGE[/comment][border=none; margin:auto; width:65%; height:310px; flex-grow:1; padding-top:0px; padding-left:0px;][border=none;width:100%;box-sizing:border-box;height:320px; padding: 0px 0px 10px 0;overflow: hidden;][border= none; box-sizing: border-box; height:100%;width: 200%; overflow: auto;padding:0;][border=none; box-sizing: border-box;padding: 0 10px 0 15px; height:auto;width: 50%; font-size: 12px; color: var(--fontcolor); line-height: 13px; text-align: justify; font-family:var(--text-1);][comment]
  47.  
  48. -HEIGHT-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]height[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][comment]
  49.  
  50. -WEIGHT-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]weight[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][comment]
  51.  
  52. -HAIR-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]hair[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][comment]
  53.  
  54. -EYES-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]eyes[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][comment]
  55.  
  56. -BODY TYPE-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]body type[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:10px; color:var(--color-text);]here[/border][comment]
  57.  
  58. -BODY MODS-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]body modifications[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:10px; color:var(--color-text);]here[/border][comment]
  59.  
  60. -FACECLAIM-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]faceclaim[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:10px; color:var(--color-text);]here[/border][/border][/border][/border][/border][comment]
  61.  
  62. -PIC-1-[/comment][border=none; margin:auto; width:25%; height:300px; background:var(--Pic-1); flex-grow:1;
  63.  
  64. /*image size and position here!!!*/
  65.  
  66. background-size:cover; background-position:50% 50%;][/border][/border][comment]
  67.  
  68. PART 4[/comment][border=none;margin:auto; border-right:2px solid var(--color); border-left:2px solid var(--color);width:93%; height:auto; background:var(--BGcolor); display:flex; flex-direction:row; justify-content:space-evenly;][comment]
  69.  
  70. --PIC-1.1--[/comment][border=none; margin:auto; width:28%; height:100px; background:var(--Pic-1-1);
  71.  
  72. /*image size and position here!!!*/
  73.  
  74. background-size:cover; background-position:50% 10%;][/border][comment]
  75.  
  76. --QUOTE--[/comment][border=none; margin:auto; width:28%; height:100px; background:var(--color); font-size:clamp(8px, 2.5vw, 20px); text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:33px; text-align:center; color:var(--BGcolor)]Do you feel the same right now?[/border][comment]
  77.  
  78. --PIC-1.2--[/comment][border=none; margin:auto; width:28%; height:100px; background:var(--Pic-1-2);
  79.  
  80. /*image size and position here!!!*/
  81.  
  82. background-size:cover; background-position:50% 10%;][/border][/border][comment]
  83.  
  84. PART 5[/comment][border=none; margin:auto; background:var(--BGcolor); border-right:2px solid var(--color); border-left:2px solid var(--color);width:93%; height:auto; display:flex; flex-direction:row; flex-wrap: wrap; flex-grow:1;][comment]
  85.  
  86. -PIC-2-[/comment][border=none; margin:auto; width:25%; height:300px; background:var(--Pic-2); flex-grow:1;
  87.  
  88. /*image size and position here!!!*/
  89.  
  90. background-size:cover; background-position:50% 50%;][/border][comment]
  91.  
  92. PERSONA BOX[/comment][border=none; margin:auto; width:65%; height:310px; flex-grow:1; padding-top:0px; padding-right:0px; ][border=none;width:100%;box-sizing:border-box;height:330px; padding: 0px 0px 10px 0;overflow: hidden;][border= none; box-sizing: border-box; height:100%;width: 200%; overflow: auto;padding:0;][border=none; box-sizing: border-box;padding: 0 10px 0 15px; height:auto;width: 50%; font-size: 12px; color: var(--fontcolor); line-height: 13px; text-align: justify; font-family:var(--text-1);][comment]
  93.  
  94. -PERSONA-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]personality[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium orci lorem, at bibendum nisi finibus in. Quisque ultricies, ante vitae tincidunt finibus, ante nibh faucibus ex, sit amet consequat risus sapien sed odio. Praesent congue ante consectetur dolor porta, non dapibus velit iaculis. Morbi a commodo leo. Aenean consequat justo tincidunt turpis ultricies pretium. Donec in varius massa. Fusce vitae lacus ut nibh faucibus semper non nec urna. Donec tempus fringilla erat, eget lacinia dolor iaculis eu. Duis tempus molestie rhoncus. Aenean id nunc imperdiet libero pellentesque egestas in eget dui. Donec at urna non elit congue sollicitudin eu ut dolor. Vestibulum fermentum, ante nec fringilla efficitur, nunc tortor sollicitudin risus, at hendrerit nisl velit sed metus. Praesent finibus justo vitae metus venenatis, ut lacinia nisi congue. Aenean lorem ante, interdum id enim eget, ultricies luctus mi.
  95.  
  96. Aenean tincidunt, erat eu accumsan imperdiet, tortor dolor luctus sem, sit amet laoreet urna arcu in est. Nunc finibus eros eget nisl consequat sodales. Aenean id elementum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ullamcorper non leo non tincidunt. Fusce ut vulputate justo. Integer in dui vitae enim dignissim placerat vel vel ligula. Morbi vulputate vestibulum aliquam. Vivamus a erat consectetur, tristique dolor vitae, imperdiet metus. Mauris venenatis sed lorem eget tincidunt. Proin tincidunt est sit amet leo feugiat, et aliquam odio congue. Pellentesque vel risus at ligula rutrum commodo. Suspendisse placerat interdum tincidunt. Pellentesque et volutpat sem.
  97.  
  98. Aenean tincidunt, erat eu accumsan imperdiet, tortor dolor luctus sem, sit amet laoreet urna arcu in est. Nunc finibus eros eget nisl consequat sodales. Aenean id elementum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ullamcorper non leo non tincidunt. Fusce ut vulputate justo. Integer in dui vitae enim dignissim placerat vel vel ligula. Morbi vulputate vestibulum aliquam. Vivamus a erat consectetur, tristique dolor vitae, imperdiet metus. Mauris venenatis sed lorem eget tincidunt. Proin tincidunt est sit amet leo feugiat, et aliquam odio congue. Pellentesque vel risus at ligula rutrum commodo. Suspendisse placerat interdum tincidunt. Pellentesque et [comment]
  99.  
  100. -VIRTUES-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:20px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]virtues[/border][border=none; width:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly;][comment]
  101.  
  102. --VIRTUE HERE--[/comment][border=none;margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  103.  
  104. --VIRTUE HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  105.  
  106. --VIRTUE HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  107.  
  108. --VIRTUE HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][/border][comment]
  109.  
  110. -VICES-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]vices[/border][border=none; width:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly;][comment]
  111.  
  112. --VICE HERE--[/comment][border=none;margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  113.  
  114. --VICE HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  115.  
  116. --VICE HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  117.  
  118. --VICE HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][/border][comment]
  119.  
  120. -LIKES-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]likes[/border][border=none; width:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly;][comment]
  121.  
  122. --LIKES HERE--[/comment][border=none;margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  123.  
  124. --LIKES HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]heree[/border][comment]
  125.  
  126. --LIKES HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  127.  
  128. --LIKES HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-1); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][/border][comment]
  129.  
  130. -DISLIKES-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]dislikes[/border][border=none; width:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly;][comment]
  131.  
  132. --DISLIKES HERE--[/comment][border=none;margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  133.  
  134. --DISLIKES HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  135.  
  136. --DISLIKES HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][comment]
  137.  
  138. --DISLIKES HERE--[/comment][border=none; margin-top:5px; width:auto; height:5px; background:var(--color-2); font-size: 10px; color: var(--BGcolor); line-height: 7px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;]here[/border][/border][/border][/border][/border][/border][/border][/border][comment]
  139.  
  140. PART 6[/comment][border=none; margin:auto; background:var(--BGcolor); border-right:2px solid var(--color); border-left:2px solid var(--color);width:93%; height:auto;display:flex; flex-direction:row; justify-content:space-evenly;][comment]
  141.  
  142. --PIC-2.1--[/comment][border=none; margin:auto; width:45%; height:100px; background:var(--Pic-2-1);
  143.  
  144. /*image size and position here!!!*/
  145.  
  146. background-size:cover; background-position:50% 10%;][/border][comment]
  147.  
  148. --PIC-2.2--[/comment][border=none; margin:auto; width:45%; height:100px; background:var(--Pic-2-2);
  149.  
  150. /*image size and position here!!!*/
  151.  
  152. background-size:cover; background-position:50% 10%;][/border][/border][comment]
  153.  
  154. PART 7[/comment][border=none; margin:auto; background:var(--BGcolor); border-right:2px solid var(--color); border-left:2px solid var(--color);width:93%; height:auto; display:flex; flex-direction:row; flex-wrap: wrap; flex-grow:1;][comment]
  155.  
  156. BACKSTORY BOX[/comment][border=none; margin:auto; width:65%; height:310px; flex-grow:1; padding-top:0px; padding-left:0px; ][border=none;width:100%;box-sizing:border-box;height:330px; padding: 0px 0px 10px 0;overflow: hidden;][border= none; box-sizing: border-box; height:100%;width: 200%; overflow: auto;padding:0;][border=none; box-sizing: border-box;padding: 0 10px 0 15px; height:auto;width: 50%; font-size: 12px; color: var(--fontcolor); line-height: 13px; text-align: justify; font-family:var(--text-1);][comment]
  157.  
  158. -BACKSTORY-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]backstory[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse pretium orci lorem, at bibendum nisi finibus in. Quisque ultricies, ante vitae tincidunt finibus, ante nibh faucibus ex, sit amet consequat risus sapien sed odio. Praesent congue ante consectetur dolor porta, non dapibus velit iaculis. Morbi a commodo leo. Aenean consequat justo tincidunt turpis ultricies pretium. Donec in varius massa. Fusce vitae lacus ut nibh faucibus semper non nec urna. Donec tempus fringilla erat, eget lacinia dolor iaculis eu. Duis tempus molestie rhoncus. Aenean id nunc imperdiet libero pellentesque egestas in eget dui. Donec at urna non elit congue sollicitudin eu ut dolor. Vestibulum fermentum, ante nec fringilla efficitur, nunc tortor sollicitudin risus, at hendrerit nisl velit sed metus. Praesent finibus justo vitae metus venenatis, ut lacinia nisi congue. Aenean lorem ante, interdum id enim eget, ultricies luctus mi.
  159.  
  160. Aenean tincidunt, erat eu accumsan imperdiet, tortor dolor luctus sem, sit amet laoreet urna arcu in est. Nunc finibus eros eget nisl consequat sodales. Aenean id elementum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ullamcorper non leo non tincidunt. Fusce ut vulputate justo. Integer in dui vitae enim dignissim placerat vel vel ligula. Morbi vulputate vestibulum aliquam. Vivamus a erat consectetur, tristique dolor vitae, imperdiet metus. Mauris venenatis sed lorem eget tincidunt. Proin tincidunt est sit amet leo feugiat, et aliquam odio congue. Pellentesque vel risus at ligula rutrum commodo. Suspendisse placerat interdum tincidunt. Pellentesque et volutpat sem.
  161.  
  162. Aenean tincidunt, erat eu accumsan imperdiet, tortor dolor luctus sem, sit amet laoreet urna arcu in est. Nunc finibus eros eget nisl consequat sodales. Aenean id elementum ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque ullamcorper non leo non tincidunt. Fusce ut vulputate justo. Integer in dui vitae enim dignissim placerat vel vel ligula. Morbi vulputate vestibulum aliquam. Vivamus a erat consectetur, tristique dolor vitae, imperdiet metus. Mauris venenatis sed lorem eget tincidunt. Proin tincidunt est sit amet leo feugiat, et aliquam odio congue. Pellentesque vel risus at ligula rutrum commodo. Suspendisse placerat interdum tincidunt. Pellentesque et [comment]
  163.  
  164. -LOVE LANGUAGE-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]love language[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][comment]
  165.  
  166. -MBTI-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]MBTI[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][comment]
  167.  
  168. -FUN FACTS-[/comment][border=none; margin:auto; font-size:13px; text-transform:uppercase; letter-spacing:2px; font-weight:bold; line-height:10px; color:var(--color); border-bottom:2px solid var(--color); font-family:var(text-1); ]fun facts[/border][border=none; font-family:var(text-1);margin:auto; font-size:11px; line-height:13px; color:var(--color-text);]here[/border][/border][/border][/border][/border][/border][comment]
  169.  
  170. -PIC-1-[/comment][border=none; margin:auto; width:25%; height:300px; background:var(--Pic-3); flex-grow:1;
  171.  
  172. /*image size and position here!!!*/
  173.  
  174. background-size:cover; background-position:50% 50%;][/border][/border][comment]
  175.  
  176. PART 8[/comment][border=none; margin:auto; background:var(--BGcolor); border-right:2px solid var(--color); border-left:2px solid var(--color); border-bottom:2px solid var(--color);width:93%; height:auto; display:flex; flex-direction:row; flex-wrap: wrap; flex-grow:1;][border=none; height:15px; width:90%; padding:0px][comment]
  177.  
  178. MUSIC[/comment][border=none; position:absolute; overflow: visible; width: 100px; height: 5px; margin-top:-5px; margin-left:0px;][comment]
  179.  
  180. --SOUNDCLOUD PLAYER--[/comment][border=none; position: absolute; transform: rotate(180deg); width:100px; height:0px; padding:0px; left: -60px; top: 28px; opacity:0; ][comment]
  181.  
  182. ---Soundcloud Link---[/comment][media=soundcloud]https://soundcloud.com/lily-sanchez-494277486/meng-meiqi-jiang[/media][/border][comment]
  183.  
  184. --GOOGLE DRIVE PLAYER--[/comment][border=none; position: absolute; width:180px; height:0px; padding:0px; left: -20px; top: -60px; opacity:0; /*remove the next part and add it to the other player*/ display:none;][comment]
  185.  
  186. ---Google Drive File---[/comment][media=googledrive]1uz27t21jACjRsfnogpsGE6RK8uAZXv1d[/media][/border][comment]
  187.  
  188. --music info--[/comment][border=none; height:auto; width:auto; padding:0px; margin-top:-6px; margin-left:0px;][border=none; height:auto; width:auto; padding:0px; color:var(--color); font-size:13px; pointer-events:none;][fa]fas fa-play[/fa][/border][border=none; width:600%; height:auto; margin-top:-17px; margin-left:15px; color:var(--color); font-family: var(--text); font-size:clamp(8px, 2.5vw, 15px); line-height: 1px; text-align: left; text-transform:uppercase;]Heize - We don't talk together (Feat. Giriboy)[/border][/border]
  189. [/border][/border][/border][comment]
  190.  
  191. SIGNATURE DO NOT REMOVE[/comment][border=none; margin:auto; padding:5px;][border=none; background:var(--color); padding:3px; width:150px; height:auto; margin:auto; line-height:10px; font-size:10px; text-align:center; font-family: var(--text); font-weight:bold; color:var(--BGcolor); text-transform:uppercase;]coded by Stardust Galaxy[/border][/border][/border]
Add Comment
Please, Sign In to add comment