diff --git a/index.php b/index.php
index a152233..ab89a61 100644
--- a/index.php
+++ b/index.php
@@ -279,43 +279,43 @@
                                                                         <span>What damagetype is beeing used?</span><br>
                                                                         <div class="row">
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_acid" type="checkbox" /> <span class="white-text">Acid</span> </label>
+                                                                                <label> <input id="dmgtype_acid" type="checkbox" /> <span>Acid</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_bludgeoning" type="checkbox" /> <span class="white-text">Bludgeoning</span> </label>
+                                                                                <label> <input id="dmgtype_bludgeoning" type="checkbox" /> <span>Bludgeoning</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_cold" type="checkbox" /> <span class="white-text">Cold</span> </label>
+                                                                                <label> <input id="dmgtype_cold" type="checkbox" /> <span>Cold</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_fire" type="checkbox" /> <span class="white-text">Fire</span> </label>
+                                                                                <label> <input id="dmgtype_fire" type="checkbox" /> <span>Fire</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_force" type="checkbox" /> <span class="white-text">Force</span> </label>
+                                                                                <label> <input id="dmgtype_force" type="checkbox" /> <span>Force</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_lightning" type="checkbox" /> <span class="white-text">Lightning</span> </label>
+                                                                                <label> <input id="dmgtype_lightning" type="checkbox" /> <span>Lightning</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_necrotic" type="checkbox" /> <span class="white-text">Necrotic</span> </label>
+                                                                                <label> <input id="dmgtype_necrotic" type="checkbox" /> <span>Necrotic</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_piercing" type="checkbox" /> <span class="white-text">Piercing</span> </label>
+                                                                                <label> <input id="dmgtype_piercing" type="checkbox" /> <span>Piercing</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_poison" type="checkbox" /> <span class="white-text">Poison</span> </label>
+                                                                                <label> <input id="dmgtype_poison" type="checkbox" /> <span>Poison</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_psychic" type="checkbox" /> <span class="white-text">Psychic</span> </label>
+                                                                                <label> <input id="dmgtype_psychic" type="checkbox" /> <span>Psychic</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_radiant" type="checkbox" /> <span class="white-text">Radiant</span> </label>
+                                                                                <label> <input id="dmgtype_radiant" type="checkbox" /> <span>Radiant</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_slashing" type="checkbox" /> <span class="white-text">Slashing</span> </label>
+                                                                                <label> <input id="dmgtype_slashing" type="checkbox" /> <span>Slashing</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="dmgtype_thunder" type="checkbox" /> <span class="white-text">Thunder</span> </label>
+                                                                                <label> <input id="dmgtype_thunder" type="checkbox" /> <span>Thunder</span> </label>
                                                                             </div>
                                                                         </div>
                                                                     </div>
@@ -387,47 +387,47 @@
                                                             <div class="card-content white-text">
                                                                 <span class="card-title"> About the defence </span>
                                                                 <div class="card black">
-                                                                    <div class="card-content white-text">
+                                                                    <div class="card-content">
                                                                         <span class="card-title"> Immunities </span>
                                                                         <div class="row">
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_acid" type="checkbox" /> <span class="white-text">Acid</span> </label>
+                                                                                <label> <input id="immunity_acid" type="checkbox" /> <span>Acid</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_bludgeoning" type="checkbox" /> <span class="white-text">Bludgeoning</span> </label>
+                                                                                <label> <input id="immunity_bludgeoning" type="checkbox" /> <span>Bludgeoning</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_cold" type="checkbox" /> <span class="white-text">Cold</span> </label>
+                                                                                <label> <input id="immunity_cold" type="checkbox" /> <span>Cold</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_fire" type="checkbox" /> <span class="white-text">Fire</span> </label>
+                                                                                <label> <input id="immunity_fire" type="checkbox" /> <span>Fire</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_force" type="checkbox" /> <span class="white-text">Force</span> </label>
+                                                                                <label> <input id="immunity_force" type="checkbox" /> <span>Force</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_lightning" type="checkbox" /> <span class="white-text">Lightning</span> </label>
+                                                                                <label> <input id="immunity_lightning" type="checkbox" /> <span>Lightning</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_necrotic" type="checkbox" /> <span class="white-text">Necrotic</span> </label>
+                                                                                <label> <input id="immunity_necrotic" type="checkbox" /> <span>Necrotic</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_piercing" type="checkbox" /> <span class="white-text">Piercing</span> </label>
+                                                                                <label> <input id="immunity_piercing" type="checkbox" /> <span>Piercing</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_poison" type="checkbox" /> <span class="white-text">Poison</span> </label>
+                                                                                <label> <input id="immunity_poison" type="checkbox" /> <span>Poison</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_psychic" type="checkbox" /> <span class="white-text">Psychic</span> </label>
+                                                                                <label> <input id="immunity_psychic" type="checkbox" /> <span>Psychic</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_radiant" type="checkbox" /> <span class="white-text">Radiant</span> </label>
+                                                                                <label> <input id="immunity_radiant" type="checkbox" /> <span>Radiant</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_slashing" type="checkbox" /> <span class="white-text">Slashing</span> </label>
+                                                                                <label> <input id="immunity_slashing" type="checkbox" /> <span>Slashing</span> </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="immunity_thunder" type="checkbox" /> <span class="white-text">Thunder</span> </label>
+                                                                                <label> <input id="immunity_thunder" type="checkbox" /> <span>Thunder</span> </label>
                                                                             </div>
                                                                         </div>
                                                                     </div>
@@ -438,19 +438,19 @@
                                                                     <div class="card-content white-text">
                                                                         <span class="card-title"> Resistances </span>
                                                                         <span>Select the resistances on your enemies</span><br>
-                                                                                <label> <input id="resistance_acid" type="checkbox" /> <span class="white-text">Acid</span> </label>
-                                                                                <label> <input id="resistance_bludgeoning" type="checkbox" /> <span class="white-text">Bludgeoning</span> </label>
-                                                                                <label> <input id="resistance_cold" type="checkbox" /> <span class="white-text">Cold</span> </label>
-                                                                                <label> <input id="resistance_fire" type="checkbox" /> <span class="white-text">Fire</span> </label>
-                                                                                <label> <input id="resistance_force" type="checkbox" /> <span class="white-text">Force</span> </label>
-                                                                                <label> <input id="resistance_lightning" type="checkbox" /> <span class="white-text">Lightning</span> </label>
-                                                                                <label> <input id="resistance_necrotic" type="checkbox" /> <span class="white-text">Necrotic</span> </label>
-                                                                                <label> <input id="resistance_piercing" type="checkbox" /> <span class="white-text">Piercing</span> </label>
-                                                                                <label> <input id="resistance_poison" type="checkbox" /> <span class="white-text">Poison</span> </label>
-                                                                                <label> <input id="resistance_psychic" type="checkbox" /> <span class="white-text">Psychic</span> </label>
-                                                                                <label> <input id="resistance_radiant" type="checkbox" /> <span class="white-text">Radiant</span> </label>
-                                                                                <label> <input id="resistance_slashing" type="checkbox" /> <span class="white-text">Slashing</span> </label>
-                                                                                <label> <input id="resistance_thunder" type="checkbox" /> <span class="white-text">Thunder</span> </label>
+                                                                                <label> <input id="resistance_acid" type="checkbox" /> <span>Acid</span> </label>
+                                                                                <label> <input id="resistance_bludgeoning" type="checkbox" /> <span>Bludgeoning</span> </label>
+                                                                                <label> <input id="resistance_cold" type="checkbox" /> <span>Cold</span> </label>
+                                                                                <label> <input id="resistance_fire" type="checkbox" /> <span>Fire</span> </label>
+                                                                                <label> <input id="resistance_force" type="checkbox" /> <span>Force</span> </label>
+                                                                                <label> <input id="resistance_lightning" type="checkbox" /> <span>Lightning</span> </label>
+                                                                                <label> <input id="resistance_necrotic" type="checkbox" /> <span>Necrotic</span> </label>
+                                                                                <label> <input id="resistance_piercing" type="checkbox" /> <span>Piercing</span> </label>
+                                                                                <label> <input id="resistance_poison" type="checkbox" /> <span>Poison</span> </label>
+                                                                                <label> <input id="resistance_psychic" type="checkbox" /> <span>Psychic</span> </label>
+                                                                                <label> <input id="resistance_radiant" type="checkbox" /> <span>Radiant</span> </label>
+                                                                                <label> <input id="resistance_slashing" type="checkbox" /> <span>Slashing</span> </label>
+                                                                                <label> <input id="resistance_thunder" type="checkbox" /> <span>Thunder</span> </label>
                                                                             </div>
                                                                         </div>
                                                                     </div>
@@ -460,19 +460,19 @@
                                                                     <div class="card-content white-text">
                                                                         <span class="card-title"> Vounerabilities </span>
                                                                         <span>Select the vounerabilities on your enemies</span><br>
-                                                                                <label> <input id="vounerability_acid" type="checkbox" /> <span class="white-text">Acid</span> </label>
-                                                                                <label> <input id="vounerability_bludgeoning" type="checkbox" /> <span class="white-text">Bludgeoning</span> </label>
-                                                                                <label> <input id="vounerability_cold" type="checkbox" /> <span class="white-text">Cold</span> </label>
-                                                                                <label> <input id="vounerability_fire" type="checkbox" /> <span class="white-text">Fire</span> </label>
-                                                                                <label> <input id="vounerability_force" type="checkbox" /> <span class="white-text">Force</span> </label>
-                                                                                <label> <input id="vounerability_lightning" type="checkbox" /> <span class="white-text">Lightning</span> </label>
-                                                                                <label> <input id="vounerability_necrotic" type="checkbox" /> <span class="white-text">Necrotic</span> </label>
-                                                                                <label> <input id="vounerability_piercing" type="checkbox" /> <span class="white-text">Piercing</span> </label>
-                                                                                <label> <input id="vounerability_poison" type="checkbox" /> <span class="white-text">Poison</span> </label>
-                                                                                <label> <input id="vounerability_psychic" type="checkbox" /> <span class="white-text">Psychic</span> </label>
-                                                                                <label> <input id="vounerability_radiant" type="checkbox" /> <span class="white-text">Radiant</span> </label>
-                                                                                <label> <input id="vounerability_slashing" type="checkbox" /> <span class="white-text">Slashing</span> </label>
-                                                                                <label> <input id="vounerability_thunder" type="checkbox" /> <span class="white-text">Thunder</span> </label>
+                                                                                <label> <input id="vounerability_acid" type="checkbox" /> <span>Acid</span> </label>
+                                                                                <label> <input id="vounerability_bludgeoning" type="checkbox" /> <span>Bludgeoning</span> </label>
+                                                                                <label> <input id="vounerability_cold" type="checkbox" /> <span>Cold</span> </label>
+                                                                                <label> <input id="vounerability_fire" type="checkbox" /> <span>Fire</span> </label>
+                                                                                <label> <input id="vounerability_force" type="checkbox" /> <span>Force</span> </label>
+                                                                                <label> <input id="vounerability_lightning" type="checkbox" /> <span>Lightning</span> </label>
+                                                                                <label> <input id="vounerability_necrotic" type="checkbox" /> <span>Necrotic</span> </label>
+                                                                                <label> <input id="vounerability_piercing" type="checkbox" /> <span>Piercing</span> </label>
+                                                                                <label> <input id="vounerability_poison" type="checkbox" /> <span>Poison</span> </label>
+                                                                                <label> <input id="vounerability_psychic" type="checkbox" /> <span>Psychic</span> </label>
+                                                                                <label> <input id="vounerability_radiant" type="checkbox" /> <span>Radiant</span> </label>
+                                                                                <label> <input id="vounerability_slashing" type="checkbox" /> <span>Slashing</span> </label>
+                                                                                <label> <input id="vounerability_thunder" type="checkbox" /> <span>Thunder</span> </label>
                                                                     </div>
                                                                     </div>
                                                                 </div>
@@ -525,77 +525,77 @@
                                                                         <span>What conditions are applied to your (some of your) enemies</span><br>
                                                                         <div class="row">
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Blinded" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Blinded" type="checkbox" /> <span>
                                                                                 Blinded
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Charmed" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Charmed" type="checkbox" /> <span>
                                                                                 Charmed
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Deafened" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Deafened" type="checkbox" /> <span>
                                                                                 Deafened
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Exhaustion" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Exhaustion" type="checkbox" /> <span>
                                                                                 Exhaustion
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Frightened" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Frightened" type="checkbox" /> <span>
                                                                                 Frightened
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Grappled" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Grappled" type="checkbox" /> <span>
                                                                                 Grappled
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Incapacitated" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Incapacitated" type="checkbox" /> <span>
                                                                                 Incapacitated
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Invisible" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Invisible" type="checkbox" /> <span>
                                                                                 Invisible
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Paralyzed" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Paralyzed" type="checkbox" /> <span>
                                                                                 Paralyzed
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Petrified" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Petrified" type="checkbox" /> <span>
                                                                                 Petrified
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Poisoned" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Poisoned" type="checkbox" /> <span>
                                                                                 Poisoned
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Prone" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Prone" type="checkbox" /> <span>
                                                                                 Prone
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Restrained" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Restrained" type="checkbox" /> <span>
                                                                                 Restrained
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Stunned" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Stunned" type="checkbox" /> <span>
                                                                                 Stunned
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_Unconscious" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_Unconscious" type="checkbox" /> <span>
                                                                                 Unconscious
                                                                                 </label>
                                                                             </div>
@@ -608,77 +608,77 @@
                                                                         <span>What conditions can your players get from this encounter</span><br>
                                                                         <div class="row">
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Blinded" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Blinded" type="checkbox" /> <span>
                                                                                 Blinded
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Charmed" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Charmed" type="checkbox" /> <span>
                                                                                 Charmed
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Deafened" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Deafened" type="checkbox" /> <span>
                                                                                 Deafened
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Exhaustion" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Exhaustion" type="checkbox" /> <span>
                                                                                 Exhaustion
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Frightened" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Frightened" type="checkbox" /> <span>
                                                                                 Frightened
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Grappled" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Grappled" type="checkbox" /> <span>
                                                                                 Grappled
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Incapacitated" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Incapacitated" type="checkbox" /> <span>
                                                                                 Incapacitated
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Invisible" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Invisible" type="checkbox" /> <span>
                                                                                 Invisible
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Paralyzed" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Paralyzed" type="checkbox" /> <span>
                                                                                 Paralyzed
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Petrified" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Petrified" type="checkbox" /> <span>
                                                                                 Petrified
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Poisoned" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Poisoned" type="checkbox" /> <span>
                                                                                 Poisoned
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Prone" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Prone" type="checkbox" /> <span>
                                                                                 Prone
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Restrained" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Restrained" type="checkbox" /> <span>
                                                                                 Restrained
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Stunned" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Stunned" type="checkbox" /> <span>
                                                                                 Stunned
                                                                                 </label>
                                                                             </div>
                                                                             <div class="col s6">
-                                                                                <label> <input id="contype_apply_Unconscious" type="checkbox" /> <span class="white-text">
+                                                                                <label> <input id="contype_apply_Unconscious" type="checkbox" /> <span>
                                                                                 Unconscious
                                                                                 </label>
                                                                             </div>