diff --git a/Arcanas&Ancestrais/arcanas.css b/Arcanas&Ancestrais/arcanas.css
new file mode 100644
index 0000000000..c6c784cb13
--- /dev/null
+++ b/Arcanas&Ancestrais/arcanas.css
@@ -0,0 +1,592 @@
+@import url('https://fonts.googleapis.com/css?family=Oldenburg|New+Rocker&display=swap');
+
+.sheet-abafrente,
+.sheet-abaverso {
+	display: none;
+}
+
+/* show the selected tab */
+.sheet-typetoggle[value="abafrente"] ~ div.sheet-abafrente,
+.sheet-typetoggle[value="abaverso"] ~ div.sheet-abaverso {
+	display: block;
+}
+
+.sheet-botao-selecao {
+    font-family: 'New Rocker', cursive;
+    text-align:center;
+    font-size:1.3em;
+    border-radius: 5px solid black;
+    background-color: white;
+    box-shadow: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -webkit-border-radius: 5px;
+    color: black;
+    background-color:white;
+}
+
+.sheet-main {
+  width: 830px;
+  height: 750px;
+  font-family: 'Oldenburg', cursive;
+}
+
+.sheet-tab {
+	margin-bottom: 15px;
+	margin-top: 2px;
+}
+
+/* GRID setup */
+.sheet-dados-frente {
+  display: grid !important;
+  width: 830px;
+  height: 750px;
+  font-family: 'Oldenburg', cursive;
+  grid-gap: 0px;
+  grid-template-columns: 165px 260px 405px;
+  grid-template-rows: 70px 52px 90px 207px;
+  grid-template-areas:"header       header      backstory    "
+                      "stats        combat      backstory    "
+                      "stats        combat      proficiencies"
+                      "stats        combat      abilities    "
+                      "weapons      weapons     abilities    ";
+}
+
+.sheet-dados-verso {
+  display: grid !important;
+  width: 830px;
+  height: 750px;
+  font-family: 'Oldenburg', cursive;
+  grid-gap: 0px;
+  grid-template-columns: 55% 45%;
+  grid-template-rows: 80px 670px;
+  grid-template-areas:"rewards      notes"
+					  "equipaments  notes  ";
+}
+
+/* GRID sections */
+.sheet-rewards {
+	grid-area: rewards;
+}
+
+.sheet-rewards input {
+	width: 	5.2em !important;
+}
+.sheet-equipaments {
+  grid-area: equipaments;
+}
+
+.sheet-notes {
+	grid-area: notes;
+	max-width: 90%;
+	width: 90%;
+	margin-left: 15px;
+}
+
+.sheet-header {
+  grid-area: header;
+}
+
+.sheet-main label {
+	font-family: 'New Rocker', cursive;
+}
+
+.sheet-header input {
+	max-width: 120px;
+	margin-top: -5px;
+}
+
+.sheet-header input {
+	border-bottom: 1px solid black;
+    border-top: 0px;
+    border-left: 0px;
+    border-right: 0px;
+    background: none;
+    box-shadow: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -webkit-border-radius: 0px;
+    border-radius: 0px;
+    height: 18px;
+}
+
+.sheet-weapons {
+  grid-area: weapons;
+  margin-top: 125px;
+}
+
+.sheet-stats {
+  grid-area: stats;
+}
+
+.sheet-stats label {
+	font-size: 1.7em;
+	font-family: 'New Rocker', cursive;
+}
+
+.sheet-stats-atributo {
+	max-width: 40px;
+	font-size: 1.3em;
+}
+
+.sheet-stats-mod {
+	max-width: 25px;
+}
+
+.sheet-stats-content {
+  display: grid;
+  grid-gap: 0px;
+  grid-template-columns: 30% 30% 20% 20%;
+  grid-template-rows: 32px 32px 32px 32px 32px 32px;
+  grid-template-areas:"for   for-value   for-mod   for-roll"
+                      "des   des-value   des-mod   des-roll"
+                      "con   con-value   con-mod   con-roll"
+                      "int   int-value   int-mod   int-roll"
+					  "sab   sab-value   sab-mod   sab-roll"
+                      "car   car-value   car-mod   car-roll";
+}
+
+.sheet-stats-for {
+	grid-area: for;
+}
+
+.sheet-stats-for-value {
+	grid-area: for-value;
+}
+
+.sheet-stats-for-mod {
+	grid-area: for-mod;
+}
+
+.sheet-stats-for-roll {
+	grid-area: for-roll;
+}
+
+.sheet-stats-des {
+	grid-area: des;
+}
+
+.sheet-stats-des-value {
+	grid-area: des-value;
+}
+
+.sheet-stats-des-mod {
+	grid-area: des-mod;
+}
+
+.sheet-stats-des-roll {
+	grid-area: des-roll;
+}
+
+.sheet-stats-con {
+	grid-area: con;
+}
+
+.sheet-stats-con-value {
+	grid-area: con-value;
+}
+
+.sheet-stats-con-mod {
+	grid-area: con-mod;
+}
+
+.sheet-stats-con-roll {
+	grid-area: con-roll;
+}
+
+.sheet-stats-int {
+	grid-area: int;
+}
+
+.sheet-stats-int-value {
+	grid-area: int-value;
+}
+
+.sheet-stats-int-mod {
+	grid-area: int-mod;
+}
+
+.sheet-stats-int-roll {
+	grid-area: int-roll;
+}
+
+.sheet-stats-sab {
+	grid-area: sab;
+}
+
+.sheet-stats-sab-value {
+	grid-area: sab-value;
+}
+
+.sheet-stats-sab-mod {
+	grid-area: sab-mod;
+}
+
+.sheet-stats-sab-roll {
+	grid-area: sab-roll;
+}
+
+.sheet-stats-car {
+	grid-area: car;
+}
+
+.sheet-stats-car-value {
+	grid-area: car-value;
+}
+
+.sheet-stats-car-mod {
+	grid-area: car-mod;
+}
+
+.sheet-stats-car-roll {
+	grid-area: car-roll;
+}
+
+/* Chrome, Safari, Edge, Opera */
+.sheet-abafrente input::-webkit-outer-spin-button,
+.sheet-abafrente input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+.sheet-abafrente input[type=number] {
+  -moz-appearance: textfield;
+}
+
+.sheet-combat {
+  grid-area: combat;
+}
+
+.sheet-combat label {
+	font-family: 'New Rocker', cursive;
+}
+
+.sheet-combat textarea {
+    font-size:0.7em;
+}
+
+.sheet-proficiencies {
+  grid-area: proficiencies;
+  margin-top:110px;
+  margin-left: 10px;
+}
+
+.sheet-proficiencies textarea {
+    max-width: 100%;
+	width: 100%;
+    max-height: 50px !important;
+    margin-top: 5px;
+    height:50px !important;
+    font-size:0.7em;
+}
+
+.sheet-backstory {
+  grid-area: backstory;
+  margin-left: 10px;
+}
+
+.sheet-backstory textarea {
+    max-width: 100%;
+	width: 100%;
+    max-height: 50px !important;
+    margin-top: 5px;
+    height:50px !important;
+    font-size:0.7em;
+}
+
+.sheet-backstory label {
+	font-family: 'New Rocker', cursive;
+}
+
+.sheet-backstory input {
+	width: 98%;
+}
+
+.sheet-backstory-content {
+  display: grid;
+  grid-gap: 0px;
+  grid-template-columns: 20% 80%;
+  grid-template-rows: 25% 25% 25% 25%;
+  grid-template-areas:"familia       familia-input "
+                      "obsessao      obsessao-input"
+                      "amigo         amigo-input   "
+                      "inimigo       inimigo-input ";
+}
+
+.sheet-backstory-familia {
+	grid-area: familia;
+}
+
+.sheet-backstory-familia-input {
+	grid-area: familia-input;
+}
+
+.sheet-backstory-obsessao {
+	grid-area: obsessao;
+}
+
+.sheet-backstory-obsessao-input {
+	grid-area: obsessao-input;
+}
+
+.sheet-backstory-amigo {
+	grid-area: amigo;
+}
+
+.sheet-backstory-amigo-input {
+	grid-area: amigo-input;
+}
+
+.sheet-backstory-inimigo {
+	grid-area: inimigo;
+}
+
+.sheet-backstory-inimigo-input {
+	grid-area: inimigo-input;
+}
+
+.sheet-abilities {
+  grid-area: abilities;
+  margin-top:125px;
+  margin-left: 10px;
+}
+
+.sheet-abilities-content {
+  display: grid;
+  grid-gap: 0px;
+  grid-template-columns: 5% 95%;
+  grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
+  grid-template-areas:"habilidade1-label        habilidade1-value "
+                      "habilidade2-label        habilidade2-value "
+                      "habilidade3-label        habilidade3-value "
+                      "habilidade4-label        habilidade4-value "
+					  "habilidade5-label        habilidade5-value "
+                      "habilidade6-label        habilidade6-value "
+                      "habilidade7-label        habilidade7-value "
+                      "habilidade8-label        habilidade8-value "
+					  "habilidade9-label        habilidade9-value "
+                      "habilidade10-label       habilidade10-value ";
+}
+
+.sheet-habilidade1-label {
+	grid-area: habilidade1-label;
+}
+
+.sheet-habilidade1-value {
+	grid-area: habilidade1-value;
+}
+
+.sheet-habilidade2-label {
+	grid-area: habilidade2-label;
+}
+
+.sheet-habilidade3-value {
+	grid-area: habilidade3-value;
+}
+
+.sheet-habilidade4-label {
+	grid-area: habilidade4-label;
+}
+
+.sheet-habilidade4-value {
+	grid-area: habilidade4-value;
+}
+
+.sheet-habilidade5-label {
+	grid-area: habilidade5-label;
+}
+
+.sheet-habilidade5-value {
+	grid-area: habilidade5-value;
+}
+
+.sheet-habilidade6-label {
+	grid-area: habilidade6-label;
+}
+
+.sheet-habilidade6-value {
+	grid-area: habilidade6-value;
+}
+
+.sheet-habilidade6-value {
+	grid-area: habilidade6-value;
+}
+
+.sheet-habilidade7-label {
+	grid-area: habilidade7-label;
+}
+
+.sheet-habilidade7-value {
+	grid-area: habilidade7-value;
+}
+
+.sheet-habilidade8-label {
+	grid-area: habilidade8-label;
+}
+
+.sheet-habilidade8-value {
+	grid-area: habilidade8-value;
+}
+
+.sheet-habilidade9-label {
+	grid-area: habilidade9-label;
+}
+
+.sheet-habilidade9-value {
+	grid-area: habilidade9-value;
+}
+
+.sheet-habilidade10-label {
+	grid-area: habilidade10-label;
+}
+
+.sheet-habilidade10-value {
+	grid-area: habilidade10-value;
+}
+
+.sheet-abilities-content input {
+	max-width: 100%;
+	width: 100%;
+}
+
+.sheet-abilities-content select {
+	max-width: 87%;
+	width: 87%;
+	margin-bottom: 0px;
+}
+
+.sheet-up_atributo {
+	font-family: 'Oldenburg', cursive !important;
+	font-size: 1em;
+	margin-bottom: 0px;
+}
+
+.sheet-rolltemplate-ataque,
+.sheet-rolltemplate-atributo,
+.sheet-rolltemplate-dado-uso {
+    box-sizing:border-box;
+    width:100%;
+    position:relative;
+    background-color:white;
+    overflow:hidden;
+	border-radius: 5px solid purple;
+    background-color: white;
+    box-shadow: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    -webkit-border-radius: 5px;
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container,
+.sheet-rolltemplate-atributo .sheet-rollbox-container,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container {
+    width:100%;
+    position:relative;
+    box-sizing:border-box;
+    border:2px solid black
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox{
+    padding:5px;
+    position:relative;
+    width:100%;
+    min-height:40px;
+    display:grid;
+    box-sizing:border-box;
+    grid-template-columns:1fr 1px 1fr;
+    column-gap:5px;
+    row-gap:5px
+}
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox{
+    padding:5px;
+    width:100%;
+    box-sizing:border-box;
+	text-align:center;
+}
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox-desempenho {
+    padding:5px;
+    font-family: 'Oldenburg', cursive;
+    width:100%;
+    box-sizing:border-box;
+	margin-bottom:3px;
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll-title,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll-title{
+    width:100%;
+    grid-column:1/4;
+    min-height:16px;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    text-align:center;
+    text-transform:uppercase
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-roll-label,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll-label,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll-label,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll-label{
+    margin-top:5px;
+    width:100%;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    text-align:center;
+    font-weight:normal
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-roll,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll{
+    padding-top:5px;
+    width:100%;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    text-align:center
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-roll span,
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox .sheet-roll span,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox .sheet-roll span{
+    margin:0 auto;
+    padding:8px;
+    font-size:18px
+}
+.sheet-rolltemplate-atributo .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll span,
+.sheet-rolltemplate-dado-uso .sheet-rollbox-container .sheet-rollbox-desempenho .sheet-roll span{
+    margin-top:-9px;
+    padding:8px;
+    font-size:18px
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-divisor{
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    text-align:center
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox .sheet-divisor span{
+    width:1px;
+    height:70%;
+    background-color:green;
+}
+
+.sheet-rolltemplate-ataque .sheet-header,
+.sheet-rolltemplate-atributo .sheet-header,
+.sheet-rolltemplate-dado-uso .sheet-header{
+    width: 100%;
+    background-color: green;
+    display: inline-block;
+    text-align: center;
+    color: white;
+    position: relative;
+    font-size: 1.3em;
+}
+
+.sheet-rolltemplate-ataque .sheet-left,
+.sheet-rolltemplate-atributo .sheet-left,
+.sheet-rolltemplate-dado-uso .sheet-left{
+    margin-left: 5px;
+}
+
diff --git a/Arcanas&Ancestrais/arcanas.html b/Arcanas&Ancestrais/arcanas.html
new file mode 100644
index 0000000000..a2b921db9a
--- /dev/null
+++ b/Arcanas&Ancestrais/arcanas.html
@@ -0,0 +1,577 @@
+<div class="sheet-main">
+	
+	<div class="tab">
+		<button class="botao-selecao" type="action" name="act_abafrente">Frente</button>
+		<button class="botao-selecao" type="action" name="act_abaverso">Verso</button>
+	</div>
+	<input type='hidden' class='typetoggle' name='attr_typetoggle' value='abafrente' />
+	
+	<div class="abafrente">
+		<div class="dados-frente">
+			<div class="header">
+				<div class="row">
+					<div class="col">
+						<label>Nome</label>
+					</div>
+					<div class="col">
+						<input type="text" name="attr_character_name"/>
+					</div>
+					<div class="col">
+						<label>Ancestralidade</label>
+					</div>
+					<div class="col">
+						<input type="text" name="attr_raca" style="max-width: 123px"/>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col">
+						<label>Classe</label>
+					</div>
+					<div class="col">
+						<input type="text" name="attr_classe"/>
+					</div>
+					<div class="col" style="max-width: 70px;">
+						<label>Especialização</label>
+					</div>
+					<div class="col" style="margin-left: 30px">
+						<input type="text" name="attr_especializacao"/>
+					</div>
+				</div>
+			</div>
+
+			<div class="stats">
+				<div class="stats-content">
+					<div class="stats-for">
+						<label>For</label>
+					</div>
+					<div class="stats-for-value">
+						<input type="number" name='attr_for' value="10" class='stats-atributo'>
+					</div>
+					<div class="stats-for-mod">
+						<input type="text" name="attr_for_mod_fake" value="@{for_mod}" disabled="true" class='stats-mod'>
+					</div>
+					<div class="stats-for-roll">
+						<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Força}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{for_mod}+?{Bônus|0}]]}}"></button>
+					</div>
+
+					<div class="stats-des">
+						<label>Des</label>
+					</div>
+					<div class="stats-desc-value">
+						<input type="number" name='attr_des' value="10" class='stats-atributo'>
+					</div>
+					<div class="stats-des-mod">
+						<input type="text" name="attr_des_mod_fake" value="@{des_mod}" disabled="true" class='stats-mod'>
+					</div>
+					<div class="stats-des-roll">
+						<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Destreza}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{des_mod}+?{Bônus|0}]]}}"></button>
+					</div>
+
+					<div class="stats-con">
+						<label>Con</label>
+					</div>
+					<div class="stats-con-value">
+						<input type="number" name='attr_con' value="10" class='stats-atributo'>
+					</div>
+					<div class="stats-con-mod">
+						<input type="text" name="attr_con_mod_fake" value="@{con_mod}" disabled="true" class='stats-mod'>
+					</div>
+					<div class="stats-con-roll">
+						<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Constituição}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{con_mod}+?{Bônus|0}]]}}"></button>
+					</div>
+
+					<div class="stats-int">
+						<label>Int</label>
+					</div>
+					<div class="stats-int-value">
+						<input type="number" name='attr_int' value="10" class='stats-atributo'>
+					</div>
+					<div class="stats-int-mod">
+						<input type="text" name="attr_int_mod_fake" value="@{int_mod}" disabled="true" class='stats-mod'>
+					</div>
+					<div class="stats-int-roll">
+						<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Inteligência}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{int_mod}+?{Bônus|0}]]}}"></button>
+					</div>
+
+					<div class="stats-sab">
+						<label>Sab</label>
+					</div>
+					<div class="stats-sab-value">
+						<input type="number" name='attr_sab' value="10" class='stats-atributo'>
+					</div>
+					<div class="stats-sab-mod">
+						<input type="text" name="attr_sab_mod_fake" value="@{sab_mod}" disabled="true" class='stats-mod'>
+					</div>
+					<div class="stats-sab-roll">
+						<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Sabedoria}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{sab_mod}+?{Bônus|0}]]}}"></button>
+					</div>
+
+					<div class="stats-car">
+						<label>Car</label>
+					</div>
+					<div class="stats-car-value">
+						<input type="number" name='attr_car' value="10" class='stats-atributo'>
+					</div>
+					<div class="stats-car-mod">
+						<input type="text" name="attr_car_mod_fake" value="@{car_mod}" disabled="true" class='stats-mod'>
+					</div>
+					<div class="stats-car-roll">
+						<button type="roll" align="right" value="&{template:atributo} {{nome=@{character_name}}} {{atributo=Carisma}} {{desempenho=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{car_mod}+?{Bônus|0}]]}}"></button>
+					</div>
+                    
+                    <div class="row">
+						<a href="https://imgur.com/kTGnSqo"><img src="https://i.imgur.com/kTGnSqo.png" title="source: imgur.com" /></a>
+					</div>
+				</div>
+			</div>
+
+			<div class="combat">
+				<div class="row">
+					<label style="font-size: 1.7em; text-align:center">CA</label>
+				</div>
+				<div class="row" style="margin-left:22px">
+					<div class="col">
+						<input type="number" name='attr_catotal' value="10+@{ca1}+@{ca2}+@{ca3}" disabled="true" class='sheet-short sheet-atributos' style="width: 40px; font-size:1.2em;">
+					</div>
+					<div class="col">
+						<input type="number" name='attr_ca1' value="0" class='sheet-short' style="margin-left:10px; width: 30px;">
+					</div>
+					<div class="col">
+						<label style="margin-top:6px">+</label>
+					</div>
+					<div class="col">
+						<input type="number" name='attr_ca2' value="0" class='sheet-short' style="width: 30px;">
+					</div>
+					<div class="col">
+						<label style="margin-top:6px">+</label>
+					</div>
+					<div class="col">
+						<input type="number" name='attr_ca3' value="0" class='sheet-short' style="width: 30px;">
+					</div>
+				</div>
+				<div class="row">
+					<div class="col" style="margin-left: 42px;">
+						<label>Prof</label>
+					</div>
+					<div class="col" style="margin-left: 20px;">
+						<label>PV</label>
+					</div>
+					<div class="col" style="margin-left: 50px;">
+						<label>DV</label>
+					</div>
+				</div>
+				<div class="row" style="margin-left: 50px;">
+					<div class="col">
+						<input type="number" name='attr_prof' value="0" class='sheet-short sheet-atributos' style="width: 40px; font-size: 1.7em;">
+					</div>
+					<div class="col" style="margin-left: 12px;">
+						<input type="number" name='attr_pv' value="0" class='sheet-short sheet-atributos' style="width: 60px; font-size: 1.7em; text-align: right;">
+					</div>
+					<div class="col" style="margin-left: 18px;">
+						<input type="number" name='attr_dv' value="0" class='sheet-short sheet-atributos' style="width: 40px; font-size: 1.7em;">
+					</div>
+				</div>
+				<div class="row" style="margin-top: 5px; margin-left:22px; max-width:205px;">
+					<label>Jogadas de Morte</label>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<input type="checkbox" name="attr_morte_a1" title="@{morte_a1}" /> 
+					<input type="checkbox" name="attr_morte_a2" title="@{morte_a2}" />
+					<input type="checkbox" name="attr_morte_a3" title="@{morte_a3}" />
+					<br>
+					<input type="checkbox" name="attr_morte_b1" title="@{caminho_morte_b1}" /> 
+					<input type="checkbox" name="attr_morte_b2" title="@{caminho_morte_b2}" />
+					<input type="checkbox" name="attr_morte_b3" title="@{caminho_morte_b3}" />
+					<br> <br>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<label>Consequências</label>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<textarea style="max-height:18px" name="attr_consequencias"></textarea>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<label>Exaustão</label>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<textarea style="max-height:18px" name="attr_exaustao"></textarea>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<label>Condições</label>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<textarea style="max-height:17px" name="attr_condicoes"></textarea>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<label>Habilidades de Classe</label>
+				</div>
+				<div class="row" style="margin-left:22px; max-width:205px;">
+					<textarea style="max-height:15px" name="attr_habilidades_classe"></textarea>
+				</div>
+			</div>
+
+			<div class="backstory">
+				<div class="row">
+					<label>Histórico e Carta na Manga</label>
+				</div>
+				<div class="row">
+					<textarea name="attr_historico"></textarea>
+				</div>
+				<div class="backstory-content">
+					<div class="backstory-familia">
+						<label>Família</label>
+					</div>
+					<div class="backstory-familia=input">
+						<input type="text" name="attr_familia" />
+					</div>
+				
+					<div class="backstory-obsessao">
+						<label>Obsessão</label>
+					</div>
+					<div class="backstory-obsessao-input">
+						<input type="text" name="attr_obsessao"/>
+					</div>
+
+					<div class="backstory-amigo">
+						<label>Amigo</label>
+					</div>
+					<div class="col-amigo-input">
+						<input type="text" name="attr_amigo" />
+					</div>
+
+					<div class="backstory-inimigo">
+						<label>Inimigo</label>
+					</div>
+					<div class="backstory-inimigo-input">
+						<input type="text" name="attr_inimigo" />
+					</div>
+				</div>
+			</div>
+			
+			<div class="proficiencies">
+				<div class="row">
+					<label>Proficiências</label>
+				</div>
+				<div class="row">
+					<textarea name="attr_proficiencia"></textarea>
+				</div>
+			</div>
+
+			<div class="abilities">
+				<div class="row">
+					<label>Habilidades</label>
+				</div>
+				<div class="abilities-content">
+					<div class="habilidade1-label">
+						<label>1.</label>
+					</div>
+					<div class="habilidade1-value">
+						<input type="text" name="attr_habilidade1" />
+					</div>
+					<div class="habilidade2-label">
+						<label>2.</label>
+					</div>
+					<div class="habilidade2-value">
+						<input type="text" name="attr_habilidade2" />
+					</div>
+					<div class="habilidade3-label">
+						<label>3.</label>
+					</div>
+					<div class="habilidade3-value">
+						<input type="text" name="attr_habilidade3"/>
+					</div>
+					<div class="habilidade4-label">
+						<label>4.</label>
+					</div>
+					<div class="habilidade4-value">
+						<label class="up_atributo"> +1 em
+							<select name="attr_atributo_habilidade4">
+								<option value="" selected=""></option>
+								<option value="for">Força</option>
+								<option value="des">Destreza</option>
+								<option value="con">Constituição</option>
+								<option value="int">Inteligência</option>
+								<option value="sab">Sabedoria</option>
+								<option value="car">Carisma</option>
+							</select>
+						</label>
+					</div>
+					<div class="habilidade5-label">
+						<label>5.</label>
+					</div>
+					<div class="habilidade5-value">
+						<input type="text" name="attr_habilidade5" />
+					</div>
+					<div class="habilidade6-label">
+						<label>6.</label>
+					</div>
+					<div class="habilidade6-value">
+						<input type="text" name="attr_habilidade6" />
+					</div>
+					<div class="habilidade7-label">
+						<label>7.</label>
+					</div>
+					<div class="habilidade7-value">
+						<label class="up_atributo"> +1 em
+							<select name="attr_atributo_habilidade7">
+								<option value="" selected=""></option>
+								<option value="for">Força</option>
+								<option value="des">Destreza</option>
+								<option value="con">Constituição</option>
+								<option value="int">Inteligência</option>
+								<option value="sab">Sabedoria</option>
+								<option value="car">Carisma</option>
+							</select>
+						</label>
+					</div>
+					<div class="habilidade8-label">
+						<label>8.</label>
+					</div>
+					<div class="habilidade8-value">
+						<input type="text" name="attr_habilidade8" />
+					</div>
+					<div class="habilidade9-label">
+						<label>9.</label>
+					</div>
+					<div class="habilidade9-value">
+						<input type="text" name="attr_habilidade9" />
+					</div>
+					<div class="habilidade10-label">
+						<label>10.</label>
+					</div>
+					<div class="habilidade1--value">
+						<input type="text" name="attr_habilidade10" />
+					</div>
+				</div>
+			</div>
+
+			<div class="weapons">
+				<div class="row" style="font-size:1em">
+					<div class="col" style="max-width:150px">
+						<label>Nome</label>
+					</div>
+					<div class="col" style="margin-left:105px">
+						<label>Tipo</label>
+					</div>
+					<div class="col" style="margin-left:35px">
+						<label>Dano</label>
+					</div>
+					<div class="col" style="margin-left:48px">
+						<label>Dado</label>
+					</div>
+				</div>
+				<fieldset class="repeating_skills">
+					<div class="row">
+						<div class="col" style="max-width:150px">
+							<input type="text" name="attr_nome_arma"  style="width:150px;" />
+						</div>
+						<div class="col" style="max-width:80px">
+							<select name="attr_atributoataque" style="font-size:0.7em; width:80px;">
+								<option value="@{for_mod}" selected="">Corporal</option>
+								<option value="0">Distância</option>
+							</select>
+						</div>
+						<div class="col" style=" max-width:60px">
+							<input type="text" name="attr_dano_arma" style="width: 50px;" />
+						</div>
+						<div class="col">
+							<button type="roll" align="right" value="&{template:ataque} {{nome=@{character_name} atacou com @{nome_arma}!}} {{ataque=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{atributoataque}+?{Bônus|0}]]}} {{dano=[[@{dano_arma}}]]}}"></button>
+						</div>
+						<div class="col" style=" max-width:50px">
+							<select name="attr_dado" style="width:50px;">
+								<option value="1d4" selected="">d4</option>
+								<option value="1d6">d6</option>
+								<option value="1d8">d8</option>
+								<option value="1d10">d10</option>
+								<option value="1d12">d12</option>
+							</select>
+						</div>
+						<div class="col">
+							<button type="roll" align="right" value="&{template:dado-uso} {{nome=@{character_name} rolou o dado de uso de @{nome_arma}!}} {{ataque=[[@{dado}}]]}}"></button>
+						</div>
+					</div>
+				</fieldset>
+			</div>
+		</div>
+	</div>
+	<div class="abaverso">
+		<div class="dados-verso">
+			<div class="rewards">
+				<div class="row">
+					<div class="col">
+						<label>Nível
+							<input type="number" name="attr_nivel" style="width: 3.5em !important">
+						</label>
+					</div>
+					<div class="col">
+						<label>XP
+							<input type="number" name="attr_xp">
+						</label>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col">
+						<label>PC
+							<input type="number" name="attr_pc">
+						</label>
+					</div>
+					<div class="col">
+						<label>PP
+							<input type="number" name="attr_pp">
+						</label>
+					</div>
+					<div class="col">
+						<label>PO
+							<input type="number" name="attr_po">
+						</label>
+					</div>
+				</div>
+			</div>
+			<div class="equipaments">
+				<label>Equipamentos</label>
+				<div class="row" style="font-size:1em">
+					<div class="col" style="max-width:150px">
+						<label>Item</label>
+					</div>
+					<div class="col" style="margin-left:105px">
+						<label>Propriedades</label>
+					</div>
+					<div class="col" style="margin-left:50px">
+						<label>Carga</label>
+					</div>
+					<div class="col" style="margin-left:5px">
+						<label>Dado</label>
+					</div>
+				</div>
+				<fieldset class="repeating_skills">
+					<div class="row">
+						<div class="col" style="max-width:150px">
+							<input type="text" name="attr_item"  style="width:150px;" />
+						</div>
+						<div class="col" style="max-width:150px">
+							<input type="text" name="attr_propriedades" style="width:150px;" />
+						</div>
+						<div class="col" style=" max-width:60px">
+							<input type="number" name="attr_carga" style="width: 53px;" />
+						</div>
+						<div class="col" style=" max-width:50px">
+							<select name="attr_item_dado" style="width:50px;">
+								<option value="1d4" selected="">d4</option>
+								<option value="1d6">d6</option>
+								<option value="1d8">d8</option>
+								<option value="1d10">d10</option>
+								<option value="1d12">d12</option>
+							</select>
+						</div>
+						<div class="col">
+							<button type="roll" align="right" value="&{template:dado-uso} {{nome=@{character_name} rolou o dado de uso de @{nome_arma}!}} {{ataque=[[@{dado}}]]}}"></button>
+						</div>
+					</div>
+				</fieldset>
+			</div>
+			<div class="notes">
+				<label>Anotações</label>
+				<div class="row">
+					<textarea style="max-height:100%; height:100%" name="attr_notes"></textarea>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<rolltemplate class="sheet-rolltemplate-atributo">
+		<div class="sheet-rollbox-container">
+		   <div class="header">
+				<span class="left">Teste de {{atributo}}</span>
+			</div>
+			<br>
+			<div class="rollbox">
+				<div>
+					<div class="roll">
+						{{nome}} rolou
+					</div>
+				</div>
+			</div>
+			<div class="rollbox-desempenho">
+				<div>
+					<div class="roll">
+						{{desempenho}}
+					</div>
+				</div>
+			</div>
+		</div>
+	</rolltemplate>
+
+	<rolltemplate class="sheet-rolltemplate-ataque">
+		<div class="sheet-rollbox-container">
+		   <div class="header">
+				<span class="left">{{nome}}</span>
+			</div>
+			<br>
+			<div class="rollbox">
+				<div>
+					<div class="roll">
+						{{ataque}}
+					</div>
+					<div class="roll-label">
+						Ataque
+					</div>
+				</div>
+				<div class="divisor"><span></span></div>
+				<div>
+					<div class="roll">
+						{{dano}}
+					</div>
+					<div class="roll-label">
+						Dano
+					</div>
+				</div>
+			</div>
+		</div>
+	</rolltemplate>
+
+	<rolltemplate class="sheet-rolltemplate-dado-uso">
+		<div class="sheet-rollbox-container">
+		   <div class="header">
+				<span class="left">{{nome}}</span>
+			</div>
+			<br>
+			<div class="rollbox">
+				<div>
+					<div class="roll">
+						{{ataque}}
+					</div>
+				</div>
+			</div>
+		</div>
+	</rolltemplate>
+</div>
+
+<script type="text/worker">
+    var calc_mod = function (valor){
+        if(isNaN(valor)){
+            return 0;
+        }
+        return Math.floor((valor - 10) / 2);
+    };
+    
+    ['for', 'des', 'con', 'int', 'sab', 'car'].forEach(stat => {
+        on(`sheet:opened change:${stat}`, function(){
+            getAttrs([stat], function(v){
+                let mod = calc_mod(v[stat] ||10);
+                setAttrs({
+                    [`${stat}_mod`]: mod 
+                });
+            }); 
+        });
+    });
+	
+    /*Controle de abas*/
+    const outerTabsButtons = ["abafrente", "abaverso"];
+    outerTabsButtons.forEach(button => {
+        on(`clicked:${button}`, function() {
+			setAttrs({
+				typetoggle: button
+			});
+        });
+    });
+</script>
\ No newline at end of file
diff --git a/Arcanas&Ancestrais/arcanas.png b/Arcanas&Ancestrais/arcanas.png
new file mode 100644
index 0000000000..69de595b98
Binary files /dev/null and b/Arcanas&Ancestrais/arcanas.png differ
diff --git a/Arcanas&Ancestrais/sheet.json b/Arcanas&Ancestrais/sheet.json
new file mode 100644
index 0000000000..446899a85c
--- /dev/null
+++ b/Arcanas&Ancestrais/sheet.json
@@ -0,0 +1,8 @@
+{
+	"html": "arcanas.html",
+	"css": "arcanas.css",
+	"authors": "David Dornelles, Cleison Ferreira e Julia Yamamoto",
+	"roll20userid": "2623485",
+	"preview": "arcanas.png",
+	"instructions": ""
+}
\ No newline at end of file