Treasure Cruise Character Template

[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/UNohg4g.png?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] 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]

N/A

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

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

N/A

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

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

N/A

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

[div]
[h2]Fame[/h2]
[div]

N/A 

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

[div]
[h2]Race[/h2]
[div]

N/A

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

[div]
[h2]Affiliation[/h2]
[div]

N/A

[/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 style="margin-top:50px;" title="PERSONALITY"][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] For[break]
[b][/b] Every[break]
[b][/b] Like[break]
[b][/b] You[break]
[b][/b] Have



[/div][/div]



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

[h2]dislikes[/h2][div]



[b][/b] There[break]
[b][/b] Should[break]
[b][/b] Be[break]
[b][/b] a[break]
[b][/b] Dislike 



[/div][/div]



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


[h1][div align="center"]In Deatail[/div][/h1]
[h2][div align="center"]Optional[/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.[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][div align="center"]History[/div][/h1]
[h2]Optional for anyone, not using a limited position but not doing means no SA or Haki or DF[/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. [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"]Combat Info[/div][/h1][break]

[b]Devil Fruit[/b]: TBA [break]
[b]Fruit Rank[/b]: Rookie-Legendary [break]
[b]Fruit Description[/b]:[break]
Your devil fruit will start at most the same level of your character and can be developed ICly. For each new rank up one must register the new rank and must be accepted by staff before it can be trained for and put on a character. The same goes for devil fruit awakenings.[break][break]

[b]Observation Haki[/b] Yes or No [break]
[b]Haki Rank[/b]: Rookie-Legendary [break]
[b]Haki Description[/b]:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

[b]Armament Haki[/b] Yes or No [break]
[b]Haki Rank[/b]: Rookie-Legendary [break]
[b]Haki Description[/b]:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

[b]Conqueror's Haki[/b] Yes or No [break]
[b]Haki Rank[/b]: Rookie-Legendary [break]
[b]Haki Description[/b]:[break]
Must be at least advanced rank to start with Haki and even then you could only have access to observation and armament and must learn conquerors ICly. When choosing starting rank either Armament or Observation will be your rank and the other can be any rank lower than that. The only ranks that can start with conquerors Haki are legendary rank and it will start at rookie rank always.[break][break]

[b]INVENTORY[/b]: Everyone Starts with four ranked items and however many unranked items as you wish, The items can be any rank so long as the ranks do not repeat (the only rank that can repeat is Rookie). None of the items can be of higher rank than your character rank.[break][break]

00 | --[break]
00 | --[break]
00 | --[break]
00 | --[break][break]

[b]SPECIAL ABILITIES[/b]: Like Items, the SA ranks cannot exceed your characters Rank and cannot repeat ranks, unless repeated rank is Rookie.[break][break]

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

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

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

[b]Legendary[/b][break]
--[break]
--[break]
--[break][break]

[b]Veteran[/b][break]
--[break]
--[break]
--[break][break]

[b]Advanced[/b][break]
--[break]
--[break]
--[break][break]

[b]Intermediate[/b][break]
--[break]
--[break]
--[break][break]

[b]Rookie[/b][break]
--[break]
--[break]
--[break][break]


[/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

[/div][div]

[b]I Am[/b] Actual 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=.Pirate .ncpHeader:after, .Pirate .ncpBody h1:before, .Pirate .ncpBody h1:after, .Pirate .ncpOverview::-webkit-scrollbar-thumb, .Pirate .ncpOverview::-webkit-scrollbar-track, .Pirate .ncpPBox::-webkit-scrollbar-thumb, .Pirate .ncpPBox::-webkit-scrollbar-track, .Pirate .ncpPList div::-webkit-scrollbar-thumb, .Pirate .ncpPList div::-webkit-scrollbar-track, .Pirate .ncpBiographyText::-webkit-scrollbar-thumb, .Pirate .ncpBiographyText::-webkit-scrollbar-track] background-color:#812075!important; [/newclass]

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

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


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

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

[newclass=.Marine .ncpBiography h1, .Marine .ncpBiographyText i, .Marine .ncpPBox i] border-color:#204d81!important; [/newclass]


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

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

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


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

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

[newclass=.Bounty_Hunter .ncpBiography h1, .Bounty_Hunter .ncpBiographyText i, .Bounty_Hunter .ncpPBox i] border-color:#815a20!important; [/newclass]


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

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

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


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

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

[newclass=.NPC .ncpBiography h1, .NPC .ncpBiographyText i, .NPC .ncpPBox i] border-color:#000000!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]