Testing Page 4

  .

C A I R O

 "I'll always love you no matter what." 



 Family Waiting for Heliosanctus on this  Goal Example Goal  Occupation Example Occupation  Residence Example Residence

 <div style="grid-column: 4; grid-row: 6; background: linear-gradient(135deg, #aaa, #ddd);"> <div style="grid-column: 5; grid-row: 6; background: linear-gradient(135deg, #aaa, #ddd);">

<div style="grid-column: 6 / 9; grid-row: 1; background: #fafafa; text-align: center; font-weight: bold;"> <p style="margin-top: 16px; font-size:25px; line-height: 20px;">Name

<div style="grid-column: 6 / 9; grid-row: 2 / 6; background: #fafafa; padding: 25px 0;">

<div style="grid-column: 6 / 9; grid-row: 6; overflow-y: auto; scrollbar-color: #221e20 #383C42; scrollbar-width: thin; background: #fafafa; font-size: 10px; line-height: 10px;"> <p style="margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; text-decoration: underline;">Credits Infobox Picture by: User:Artist Infobox design by: User:Heliosanctus Infobox code by: User:Forge the Hybrid

♂ <div style="grid-column: 9 / 14; grid-row: 2 / 4; margin-right: 3px; background: #fafafa;"> <p style="margin: 0 4px; font-weight: bold; font-style: italic;">Allies <p style="margin: 0 4px">Name, Name, etc. <p style="margin: 0 4px; font-weight: bold; font-style: italic;">Enemies <p style="margin: 0 4px">Name, Name, etc. <div style="grid-column: 9 / 14; grid-row: 4 / 6; margin-right: 3px; background: #fafafa;"> <p style="margin: 0 4px; font-weight: bold; font-style: italic;">Likes <p style="margin: 0 4px">Thing, Thing, etc. <p style="margin: 0 4px; font-weight: bold; font-style: italic;">Dislikes <p style="margin: 0 4px">Thing, Thing, etc. <div style="grid-column: 9; grid-row: 6; width: 63px; background: #fafafa; font-weight: bold; text-align: center;"> <p style="font-size:20px; line-height:48px; margin:0;">MBTI <div style="grid-column: 10; grid-row: 6; margin-left: 16px; width: 83px; background: #fafafa; font-weight: bold; text-align: center;"><p style="margin:0;">AGE <p style="margin: -4px 0 0;">##

<div class="mw-customtoggle-appearance" style="-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 75%, 100% 25%); clip-path: polygon(0% 0%, 0% 100%, 100% 75%, 100% 25%); margin-top: 50px; background-color: #221e20; height: 100px; font-size: 40px; line-height: 1em; font-family: Rubik, sans-serif; font-weight: 900; color: #e7e7e9;"> . <p style="margin-top: 28px; margin-left: 16px;">Appearance <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-appearance" style="margin-top: -25px; padding-top: 35px; padding-bottom: 15px; background-color: #fafafa;"> <p style="margin: 0 10px 0px;">Aliquam sit amet faucibus magna, sit amet molestie purus. Aenean nunc ligula, fringilla ut libero vitae, feugiat sodales lacus. Etiam eu orci eleifend, vestibulum libero vitae, tincidunt magna. Aliquam vitae ligula felis. Vivamus nunc libero, condimentum id metus at, lacinia facilisis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi libero sem, semper eget varius non, porttitor eget mauris. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc.

<div class="mw-customtoggle-personality" style="-webkit-clip-path: polygon(0% 25%, 0% 75%, 100% 100%, 100% 0%); clip-path: polygon(0% 25%, 0% 75%, 100% 100%, 100% 0%); margin-top: -26px; background-color: #2a2729; height: 100px; font-size: 40px; line-height: 1em; font-family: Rubik, sans-serif; font-weight: 900; color: #e7e7e9;"> . <p style="margin-top: 28px; margin-right: 16px; text-align: right;">Personality <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-personality" style="margin-top: -25px; padding-top: 35px; padding-bottom: 25px; background-color: #fafafa;"> <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc.

<div class="mw-customtoggle-history" style="-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 75%, 100% 25%); clip-path: polygon(0% 0%, 0% 100%, 100% 75%, 100% 25%); margin-top: -26px; background-color: #1d1a1b; height: 100px; font-size: 40px; line-height: 1em; font-family: Rubik, sans-serif; font-weight: 900; color: #e7e7e9;"> . <p style="margin-top: 28px; margin-left: 16px;">History <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-history" style="margin-top: -25px; padding-top: 35px; padding-bottom: 15px; background-color: #fafafa;"> <p style="margin: 0 10px 0px;">Aliquam sit amet faucibus magna, sit amet molestie purus. Aenean nunc ligula, fringilla ut libero vitae, feugiat sodales lacus. Etiam eu orci eleifend, vestibulum libero vitae, tincidunt magna. Aliquam vitae ligula felis. Vivamus nunc libero, condimentum id metus at, lacinia facilisis sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi libero sem, semper eget varius non, porttitor eget mauris. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc.

<div class="mw-customtoggle-relationships" style="-webkit-clip-path: polygon(0% 25%, 0% 75%, 100% 100%, 100% 0%); clip-path: polygon(0% 25%, 0% 75%, 100% 100%, 100% 0%); margin-top: -26px; background-color: #2f2e2e; height: 100px; font-size: 40px; line-height: 1em; font-family: Rubik, sans-serif; font-weight: 900; color: #e7e7e9;"> . <p style="margin-top: 28px; margin-right: 16px; text-align: right;">Relationships <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relationships" style="margin-top: -27px; padding-top: 20px; padding-bottom: 25px; background-color: #fafafa;"> <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc. <p style="margin: 10px">Suspendisse potenti. Pellentesque condimentum orci ornare, scelerisque erat in, tristique quam. Vivamus a ipsum pretium, ullamcorper enim egestas, aliquet ex. Nunc lobortis congue massa eu laoreet. Proin dictum rutrum tellus id aliquam. Maecenas vestibulum ante leo. Sed vulputate et felis mattis dapibus. Duis condimentum lacus sed iaculis eleifend. Phasellus sed placerat eros, nec tincidunt nunc.

<p style="display: flex; flex-direction: row; margin: -26px 0 0; padding: 25px 50px 20px; -webkit-clip-path: polygon(0% 0%, 100% 35%, 100% 100%, 0 100%); clip-path: polygon(0% 0%, 100% 35%, 100% 100%, 0 100%); background-color: #555557; font-size: 12px; color: #e7e7e9; font-style: italic;"> Code base by  Modifications made by _Username