Sengoku Character App

gistfile1.txt

[nospaces][googlefont=Montserrat+Alternates:300|Montserrat:200,300|Roboto:400,400i,700|Source+Sans+Pro:700]
[div align="center"]





[div][attr="class","Group_Name_Here"]





[div][attr="class","ncpContainer"]
[div][attr="class","ncpHeader"]
[div style="background:url(https://i.imgur.com/MGlTAQ5.jpg?1);"][attr="class","ncpBigIMG"][/div]
[div][attr="class","ncpIcon"]

[img style="width:100px;height:100px;" src="https://via.placeholder.com/100"]

[/div]
[div][attr="class","ncpHeaderDetails"]

[h1]Name Surname[/h1]

[h2][b]FACE CLAIM[/b] character from Series[/h2]

[/div][/div]



[PTabbedContent]

[PTab=[div title="OVERVIEW"][attr="class","ncpTab"][span][attr="class","th th-push-pin-o"][/span][/div]]
[div][attr="class","ncpBody"]

[h1]Overview[/h1]

[div][attr="class","ncpOverview"]

[div]
[h2]Alias[/h2]
[div]

??

[/div][span][attr="class","th th-chat-bubbles"][/span][/div]

[div]
[h2]Age[/h2]
[div]

??

[/div][span][attr="class","th th-calendar-1-o"][/span][/div]

[div]
[h2]Gender[/h2]
[div]

??[/div][span][attr="class","th th-bubble-heart-o"][/span][/div]

[div]
[h2]Rank[/h2][div]

E-A

[/div][span][attr="class","th th-heart-1-o"][/span][/div]

[div]
[h2]Clan[/h2]
[div]

??

[/div][span][attr="class","th th-constellation-o"][/span][/div]

[div]
[h2]Country[/h2]
[div]

??

[/div][span][attr="class","th th-briefcase-o"][/span][/div]

[/div][/div]
[/PTab={margin-top:-20px; width:500px; height:500px; background-color:#eee; }]





[PTab=[div title="PERSONALITY" style="margin-top:50px;"][attr="class","ncpTab"][span][attr="class","th th-user-o"][/span][/div]]
[div][attr="class","ncpBody"]

[h1]Personality[/h1]

[div][attr="class","ncpPersonality"]
[div][attr="class","ncpPList"]

[h2]Likes[/h2][div]



[b][/b] Same[break]
[b][/b] Number[break]
[b][/b] As[break]
[b][/b] You[break]
[b][/b] Have[break]
[b][/b] Dislikes



[/div][/div]



[div][attr="class","ncpPList"]

[h2]Dislikes[/h2][div]



[b][/b] ??[break]
[b][/b] ??[break]
[b][/b] ??[break]
[b][/b] ??[break]
[b][/b] ??[break]
[b][/b] ??



[/div][/div]



[div][attr="class","ncpPBox"]


[h1]In-Depth[/h1]
[div align="center"][h2]Optional[/h2][/div][break][break]


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]


[h1][div align="center"]Appearance[/div][/h1]
[h2][div align="center"]Can just be Picture[/div][/h2][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.


[/div]
[/div][/div]
[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]





[PTab=[div style="margin-top:100px;" title="BIOGRAPHY"][attr="class","ncpTab"][span][attr="class","th th-pencil"][/span][/div]]
[div][attr="class","ncpBody"]

[h1]Biography[/h1]

[div][attr="class","ncpBiography"]
[div][attr="class","ncpBiographyText"]





[h1]History[/h1]
[h2]Optional because who cares really[/h2]


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

[h1][div align="center"]Specializations[/div][/h1][break]

[b]Kekkei Genkai | Hijutsu | Hiden Jutsu[/b]:(switch this out with the actual ability)[break]
[b]SKILL RANK[/b]:(E-A)[break]
[b]SKILL LEVEL DESCRIPTION[/b]:[break]
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

[b]NINJUTSU[/b]:[break]
[b]SKILL LEVEL DESCRIPTION[/b]:[break]
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

[b]TAIJUTSU[/b]:[break]
[b]SKILL LEVEL DESCRIPTION[/b]:[break]
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

[b]GENJUTSU[/b]:[break]
[b]SKILL LEVEL DESCRIPTION[/b]:[break]
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.[break][break]

[table][tbody][tr][td style="padding:3px;"]Ninjutsu[/td][td style="padding:3px;"]Genjutsu[/td][td style="padding:3px;"]Taijutsu[/td][td style="padding:3px;"]Speed[/td][td style="padding:3px;"]Intelligence[/td][td style="padding:3px;"]Strength[/td][td style="padding:3px;"]Stamina[/td][td style="padding:3px;"]Hand Seals[/td][/tr][tr][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][td style="padding:3px;"]E-S[/td][/tr][/tbody][/table][break][break]

[h1][div align="center"]Combat Info[/div][/h1][break]
[b]NATURAL CHAKRA[/b]: Only one element and the one you have a predisposition for (cannot be an advanced element must have access to Natural Element so those who can only start with one element cannot choose an advanced element for their one to start)[break]
[b]CHAKRA AFFINITIES[/b]: All elements that you can use (if you do not have any starting jutsu of that element please do not put it here, also this is not where you put advanced elements those will be placed in the KKG/Hiden/Hijutsu spec only, however, the elements that it is made from will go here)[break]
[b]ARCHETYPE[/b]: If SS or DS please mention the spec(s)[break]
[b]SUMMONING CONTRACT[/b]: --[break][break]

[b]INVENTORY[/b]: Place each weapon or item in a designated holster place. You should add the number of the item you have as well as the rank of said Item and hyperlink any custom items you have. Feel free to add or delete more holsters as you see fit but do not go overboard.[break][break]

Head | --gakure Headband[break]
Hip Holster | --[break]
Leg Holster | --[break][break]

[div align="center"][h2]SPECIAL ABILITIES[h2][/div][break]

[b][i][u]Ability #1 [SA Rank all start at E][/u][/i][/b][break]
Short description here.[break][break]

[b][i][u]Ability #2 [SA Rank all Start at E][/u][/i][/b][break]
Short description here.[break][break]

[b][i][u]Ability #3 [SA Rank all Start at E][/u][/i][/b][break]
Short description here.[break][break]

[b][i][u]Ability #4 [SA Rank all Start at E][/u][/i][/b][break]
Short description here.[break][break]

[b][i][u]Ability #5 [SA Rank all Start at E][/u][/i][/b][break]
Short description here.[break][break]

[h1][div align="center"]Jutsu[/div][/h1][break]
[div align="center"][b][i][u]S-RANK[/u][/i][/b][break]
TBA[break][break]

[b][i][u]A-RANK[/u][/i][/b][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break][break]

[b][i][u]B-RANK[/u][/i][/b][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break][break]

[b][i][u]C-RANK[/u][/i][/b][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break][break]

[b][i][u]D-RANK[/u][/i][/b][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break]
[a href="http://"]Jutsu Name[/a][break][break]

[b][i][u]E-RANK[/u][/i][/b][break]
[a href="https://narutosengoku.proboards.com/thread/149/universal-ninjutsu-index"]KWARIMI NO JUTSU [BODY REPLACEMENT TECHNIQUE][/a][break]
[a href="https://narutosengoku.proboards.com/thread/149/universal-ninjutsu-index"]KAKUREMINO NO JUTSU [CLOAK OF INVISIBILITY TECHNIQUE][/a][break]
[a href="https://narutosengoku.proboards.com/thread/149/universal-ninjutsu-index"]BUNSHIN NO JUTSU [CLONE TECHNIQUE][/a][break]
[a href="https://narutosengoku.proboards.com/thread/149/universal-ninjutsu-index"]HENGE NO JUTSU [TRANSFORMATION TECHNIQUE][/a][break]
[a href="https://narutosengoku.proboards.com/thread/149/universal-ninjutsu-index"]NAWANUKE NO JUTSU [ROPE ESCAPE TECHNIQUE][/a][/div]





[/div][/div][/div]
[/PTab={margin-top:-20px; height:500px; width:500px; background-color:#eee; }]
[/PTabbedContent={height:500px; background-color:#aaa; }]



[div][attr="class","ncpFooter"][div]

[b]Played By[/b] Discord Name Here

[/div][div]

[b]I Am[/b] Your Age

[/div][div]

[b]Please Use[/b] She/He/They

[/div][div]

[b]Character Count[/b] 00

[/div][/div]



[/div][/div][div][attr="class","ncpCredit"][a href="http://pixel-perfect.boards.net/user/15"]SELKIE[/a][/div]
[/div]





[newclass=.GROUP_NAME_HERE .ncpHeader:after, .GROUP_NAME_HERE .ncpBody h1:before, .GROUP_NAME_HERE .ncpBody h1:after, .GROUP_NAME_HERE .ncpOverview::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpOverview::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpPBox::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpPBox::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpPList div::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpPList div::-webkit-scrollbar-track, .GROUP_NAME_HERE .ncpBiographyText::-webkit-scrollbar-thumb, .GROUP_NAME_HERE .ncpBiographyText::-webkit-scrollbar-track] background-color:#7B5BB3!important; [/newclass]

[newclass=.GROUP_NAME_HERE .ncpFooter b, .GROUP_NAME_HERE .ncpBody h1, .GROUP_NAME_HERE .ncpOverview div div, .GROUP_NAME_HERE .ncpOverview span, .GROUP_NAME_HERE .ncpPBox b, .GROUP_NAME_HERE .ncpBiographyText b, .GROUP_NAME_HERE .ncpHeader h2 b, .GROUP_NAME_HERE .ncpPList div b, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_selected_hover, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_selected, .GROUP_NAME_HERE .ncpContainer .PT_table .PT_tabs_hover] color:#7B5BB3!important; [/newclass]

[newclass=.GROUP_NAME_HERE .ncpBiography h1, .GROUP_NAME_HERE .ncpBiographyText i, .GROUP_NAME_HERE .ncpPBox i] border-color:#7B5BB3!important; [/newclass]



[newclass=.ncpContainer] width:500px; height:750px; background-color:#eee; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); margin:10px; position:relative; [/newclass]
[newclass=.ncpCredit] font:bold 7px roboto; margin-left:450px; margin-top:-10px;[/newclass]
[newclass=.ncpCredit a] font:bold 7px roboto!important; [/newclass]

[newclass=.ncpHeader] width:500px; height:200px; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.ncpHeader:after] content:''; position:absolute; top:0px; left:0px; width:500px; height:200px; background-color:#aaa; opacity:.75; [/newclass]
[newclass=.ncpBigIMG] width:500px; height:200px; position:absolute; background:url(https://image.ibb.co/iJXGU9/image.png); filter:grayscale(100%) contrast(125%); [/newclass]
[newclass=.ncpIcon] position:relative; left:25px; z-index:1; [/newclass]
[newclass=.ncpIcon img] width:100px; height:100px; background-color:#fafafa; padding:5px; border:10px solid #333; border-radius:100%; [/newclass]
[newclass=.ncpHeaderDetails] display:flex; width:255px; margin-top:10px; flex-flow:row wrap; position:relative; left:-80px; z-index:1; [/newclass]
[newclass=.ncpHeader h1] margin:0px; display:block; word-wrap:break-word; overflow-wrap:break-word; text-align:left; font:200 35px/32px montserrat; text-transform:lowercase; color:#fafafa; [/newclass]
[newclass=.ncpHeader h2] margin:10px 0px 0px 0px; background-color:#fafafa; font:700 8px source sans pro; text-transform:uppercase; color:#aaa; padding:5px 10px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); text-align:justify; [/newclass]
[newclass=.ncpHeader h2 b] color:#aaa; font:700 8px source sans pro; [/newclass] 

[newclass=.ncpFooter] background-color:#333; height:50px; padding:0px 25px; display:flex; justify-content:space-between; align-items:center; color:#888; font:700 10px roboto; text-transform:uppercase; [/newclass]
[newclass=.ncpFooter b] color:#aaa;font:700 10px roboto; [/newclass]

[newclass=.ncpBody] width:500px; height:500px; display:block; position:relative; [/newclass]
[newclass=.ncpBody h1] width:calc(100% - 50px); height:30px; margin:10px 25px; position:relative; z-index:2; display:flex; align-self:flex-start; flex-flow:row nowrap; align-items:center; color:#aaa; font:200 30px/30px montserrat; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpBody h1:before] content: ''; height: 1px; flex-grow: 1; margin-right: 10px; background-color: #aaa; border: 1px solid #fafafa; [/newclass]
[newclass=.ncpBody h1:after] content: ''; height: 1px; flex-grow: 1; margin-left: 10px; background-color: #aaa; border: 1px solid #fafafa; [/newclass]

[newclass=.ncpOverview] height:425px; overflow:auto; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; [/newclass]
[newclass=.ncpOverview div] width:240px; height:75px; flex-shrink:0; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; position:relative; [/newclass]
[newclass=.ncpOverview h2] margin:0px; position:relative; z-index:1; padding:0px 0px 0px 0px; font:300 25px montserrat alternates; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpOverview div div] width:auto; height:auto; position:relative; z-index:1; font:700 12px roboto; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpOverview span] position:absolute; font-size:75px; top:0px; right:50px; color:#aaa; opacity:.25; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpOverview::-webkit-scrollbar-track] border:2px solid #eee; background-color:#aaa; [/newclass]

[newclass=.ncpPersonality] width:450px; padding:0px 25px 25px 25px; height:425px; display:flex; flex-flow:row wrap; justify-content:space-between; [/newclass]
[newclass=.ncpPList] width:212.5px; align-self:flex-start; text-align:justify; font:400 12px roboto; color:#aaa; [/newclass]
[newclass=.ncpPList h2] margin:0px; height:25px; overflow:hidden; position:relative; align-self:flex-end; text-align:center; font:300 25px/25px montserrat alternates; color:#aaa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; [/newclass]
[newclass=.ncpPList div] border:20px solid #fafafa; padding:0px; height:80px; overflow:auto; background-color:#fafafa; text-shadow:-1px -1px 0 #fafafa, 1px -1px 0 #fafafa, -1px 1px 0 #fafafa, 1px 1px 0 #fafafa; position:relative; text-align:left; text-transform:lowercase; [/newclass]
[newclass=.ncpPList div b] color:#aaa; font-weight:900; [/newclass]
[newclass=.ncpPList div b:before] content:'#'; margin-right:5px; [/newclass]
[newclass=.ncpPBox] width:100%; align-self:flex-end; height:155px; padding:0px 10px 0px 0px; border:50px solid #fafafa; overflow:auto; background-color:#fafafa; text-align:justify; font:400 11px/14px roboto; color:#aaa; [/newclass]
[newclass=.ncpPBox b]font:700 11px/14px roboto; color:#aaa; text-shadow:-1px -1px 0 #fdfdfd, 1px -1px 0 #fdfdfd, -1px 1px 0 #fdfdfd, 1px 1px 0 #fdfdfd;[/newclass]
[newclass=.ncpPBox i]border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; [/newclass]
[newclass=.ncpPBox::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPBox:last-child::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpPBox:last-child::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpPList div::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]

[newclass=.ncpBiography] width:450px; height:423px; padding:2px 25px 25px 25px; [/newclass]
[newclass=.ncpBiographyText] border:50px solid #fafafa; padding-right:10px; height:323px; overflow:auto; background-color:#fafafa; text-align:justify; font:400 11px/16px roboto; color:#aaa; [/newclass]
[newclass=.ncpBiographyText b]font:700 11px/14px roboto; color:#aaa; text-shadow:-1px -1px 0 #fdfdfd, 1px -1px 0 #fdfdfd, -1px 1px 0 #fdfdfd, 1px 1px 0 #fdfdfd;[/newclass]
[newclass=.ncpBiographyText i]border-bottom: 1px solid #aaa; font:400 11px/14px roboto; font-style:italic; color: #bfbfbf; [/newclass]
[newclass=.ncpBiography h1] margin:0px; width:100%; height:auto; padding-bottom:5px; font:300 15px/15px montserrat; color:#ccc!important; text-transform:lowercase; border-bottom:1px solid #aaa; [/newclass]
[newclass=.ncpBiography h1:before, .ncpBiography h1:after] display:none; [/newclass]
[newclass=.ncpBiography h2] height:auto; width:100%; text-align:right; display:block; margin:5px 0px; text-shadow:none; color:#ccc; font:700 8px/8px source sans pro; text-transform:uppercase; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar] width:5px; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar-thumb] border:0px; background-color:#aaa; [/newclass]
[newclass=.ncpBiographyText::-webkit-scrollbar-track] border:2px solid #fafafa; background-color:#aaa; [/newclass]

[newclass=.ncpTab] width:40px; height:40px; position:absolute; display:flex; align-items:center; justify-content:center; background-color:#eee; border-radius:100%; box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.5); cursor:pointer; [/newclass]
[newclass=.ncpTab span] font-size:16px; [/newclass]

[newclass=.ncpContainer table td]padding:0px!important;[/newclass]
[newclass=.ncpContainer .PT_Tabs_holder]background-color:transparent; margin-top:-180px; margin-left:430px;[/newclass]
[newclass=.ncpContainer .PT_table]width:100%!important; border:0px!important; background-color:transparent!important;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs]color:#aaa; background-color:transparent;position:absolute; z-index:9; border:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_hover]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_selected]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]
[newclass=.ncpContainer .PT_table .PT_tabs_selected_hover]color:#aaa; background-color:transparent;position:absolute; z-index:9; padding:0px; transition:.25s ease;[/newclass]