[border=0; padding: 0; margin: 0 auto; // base character image; --character: url('https://i.imgur.com/5wkMY7A.png'); // FEATURE COMING SOON!!; --mech: url('https://i.imgur.com/lY22F8G.jpg'); overflow: hidden; width: clamp(250px, 100%, 1300px); display: flex; flex-flow: wrap ][border=1px solid #2d2d2d; border-radius: 8px; padding: 18px 18px 18px 18px; width: clamp(250px, 100%, 360px); background: #0d0d0d; position: relative; height: 576px][border=0; padding: 0; box-sizing: border-box; width: 100%; height: 520px; background-image: var(--character); background-size: cover; border-radius: 8px; background-position: center center][/border][border=0; position: absolute; margin: 0 auto; left: 0; right: 0; border-radius: 8px; background: rgba(0,0,0,0.5); box-sizing: border-box; padding: 0; width: clamp(250px, 100%, 380px)][border=0; margin: 0 0 6px; padding: 12px 0 0 0; font: calc(18px - 0.25vw) Raleway; color: #a6a6a6; text-align: center; letter-spacing: 0.12em]ISCARIOTS OF SOLARION[/border][border=0; padding: 0 0 10px 0; font: calc(25px - 0.25vw) Josefin Sans; color: #8c0d26; text-align: center; line-height: 100%; letter-spacing: 0.15em]???[/border][/border][/border][comment] [/comment][border=0; padding: 0 10px; flex: 1 1 auto; width: clamp(250px, 100%, 780px)][border=0; margin-top: 20px; padding: 0 0 6px 0; font: 38px Jura; line-height: 100%; letter-spacing: 0.1em; border-bottom: 2px solid #d7d7f1]INSERT NAME HERE[/border][border=0; border-bottom: 2px solid #d7d7f1; margin-top: 5px; padding: 0 10px 0 10px; display: flex; flex-flow: row wrap][comment] // Full Name [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]LEGAL NAME[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Age & Birth [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]AGE & BIRTH[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Race [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]RACE[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Gender [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]GENDER[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Height [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]HEIGHT[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Weight [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]WEIGHT[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Ascalon Unit [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]ASCALON UNIT[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // Generation Model [/comment][border=0; padding: 0; margin-top: 15px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]GEN MODEL[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][comment] // TACTICAL POSITION [/comment][border=0; padding: 0; margin-top: 15px; margin-bottom: 18px; width: clamp(250px, 100%, 250px)][border=0; padding: 0; font: 12px Jost; text-transform: uppercase; letter-spacing: 0.08em]TACTICAL POSITION[/border][border=0; margin-top: 6px; padding: 0; font: 15px Roboto; text-indent: 8px]. . .[/border][/border][/border][comment] // General Description [/comment][border=0; padding: 0; margin-top: 15px; overflow: hidden; font-family: 'Jost'; font-size: 15px; text-align: justify][border=1px solid rgba(90,90,90,0.42); padding: 13px 10px 10px 10px; font: 14px Josefin Sans; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 0.2em; line-height: 100%; background: rgba(0,0,0,0.72); border-radius: 6px]I. GENERAL DESCRIPTION[/border][border=0; padding: 0 3px 15px 4px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur iaculis nunc nec neque faucibus, at congue turpis luctus. Donec venenatis aliquet odio sed euismod. Praesent dignissim nibh sed tortor tristique, nec placerat quam eleifend. Nunc euismod odio sit amet leo cursus, at pharetra felis sagittis. Vivamus odio nisi, facilisis a sem eu, venenatis molestie massa. Cras non magna lorem. Donec ultrices ex a dolor rhoncus, sit amet imperdiet metus aliquet. Nam volutpat eleifend suscipit. Ut porttitor arcu quis massa dapibus, quis fermentum est mattis. Vivamus pretium metus ac cursus semper. Donec ipsum lacus, pellentesque sit amet magna ut, ullamcorper varius mi. Pellentesque id sapien vitae eros laoreet molestie.[/border][comment] // Personality [/comment][border=1px solid rgba(90,90,90,0.42); padding: 13px 10px 10px 10px; font: 14px Josefin Sans; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 0.2em; line-height: 100%; background: rgba(0,0,0,0.72); border-radius: 6px]II. PERSONALITY[/border][border=0; padding: 0 3px 15px 4px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur iaculis nunc nec neque faucibus, at congue turpis luctus. Donec venenatis aliquet odio sed euismod. Praesent dignissim nibh sed tortor tristique, nec placerat quam eleifend. Nunc euismod odio sit amet leo cursus, at pharetra felis sagittis. Vivamus odio nisi, facilisis a sem eu, venenatis molestie massa. Cras non magna lorem. Nunc eu ante pulvinar, efficitur quam et, hendrerit orci. Ut in accumsan nisl. Nullam vel ante posuere, faucibus nibh eu, consequat dui.[/border][comment] // Historical Biography [/comment][border=1px solid rgba(90,90,90,0.42); padding: 13px 10px 10px 10px; font: 14px Josefin Sans; text-transform: uppercase; margin-bottom: 6px; letter-spacing: 0.2em; line-height: 100%; background: rgba(0,0,0,0.72); border-radius: 6px]III. HISTORICAL BIOGRAPHY[/border][border=0; padding: 0 3px 15px 4px]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur iaculis nunc nec neque faucibus, at congue turpis luctus. Donec venenatis aliquet odio sed euismod. Praesent dignissim nibh sed tortor tristique, nec placerat quam eleifend. Nunc euismod odio sit amet leo cursus, at pharetra felis sagittis. Vivamus odio nisi, facilisis a sem eu, venenatis molestie massa. Cras non magna lorem. Nunc eu ante pulvinar, efficitur quam et, hendrerit orci. Ut in accumsan nisl. Nullam vel ante posuere, faucibus nibh eu, consequat dui. Donec ultrices ex a dolor rhoncus, sit amet imperdiet metus aliquet. Nam volutpat eleifend suscipit. Ut porttitor arcu quis massa dapibus, quis fermentum est mattis. Vivamus pretium metus ac cursus semper. Donec ipsum lacus, pellentesque sit amet magna ut, ullamcorper varius mi. Pellentesque id sapien vitae eros laoreet molestie. Suspendisse lobortis mi et nibh vulputate interdum. Nullam tincidunt metus elit, congue condimentum elit pharetra in. Cras finibus scelerisque fermentum. Duis nec augue lobortis justo sollicitudin tempus quis id justo. Fusce dictum nibh quis quam convallis ullamcorper. Integer eu tincidunt justo. Mauris quam est, rutrum eu nibh vitae, bibendum convallis erat. Fusce faucibus lorem vel turpis maximus, at rhoncus lacus egestas. Mauris laoreet purus et purus maximus efficitur. Vestibulum massa sem, fermentum et orci sit amet, iaculis vehicula dui. [/border][/border][/border][/border][comment][font=Raleway][font=Josefin Sans][font=Roboto][font=Jost][font=Jura].[/font][/font][/font][/font][/font][/comment]