diff --git a/Kuro/Kuro.css b/Kuro/Kuro.css
index 4073a5b160..9d0f539a4f 100644
--- a/Kuro/Kuro.css
+++ b/Kuro/Kuro.css
@@ -1,3 +1,31 @@
+/* fonts google css?family=Russo+One */
+/* latin-ext */
+/*@font-face {
+  font-family: 'Russo One';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}*/
+/* latin */
+/*@font-face {
+  font-family: 'Russo One';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}*/
+/* fonts google css?family=Special+Elite */
+/* latin */
+/*@font-face {
+  font-family: 'Special Elite';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v8/9-wW4zu3WNoD5Fjka35JmzxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}*/
+/*
+
 .sheet-sheet {
   font-family: 'Special Elite', cursive;
   width: 100%;
@@ -44,10 +72,10 @@
 }
 .sheet-skills{
   height: 435px !important;
-}
+}*/
 
 /* tab */
-body {
+/*body {
    padding: 20px 40px;
 }
 
@@ -94,4 +122,4 @@ body {
 [type=radio]:checked ~ label ~ .content {
   z-index: 1;
   opacity: 1;
-}
+}*/
diff --git a/Kuro/Kuro.html b/Kuro/Kuro.html
index c234a85164..acbf07ea96 100644
--- a/Kuro/Kuro.html
+++ b/Kuro/Kuro.html
@@ -1,7 +1,132 @@
-<div class="charsheet tabe-pane lang-en" style="display: block;">
-  <div class="sheet-sheet" style=" position:relative;">
+<div class="sheet-charsheet sheet-tabe-pane sheet-lang-en" style="display: block">
+    <div class="sheet-sheet" style=" position:relative;">
 
     <style>
+    /* fonts google css?family=Russo+One */
+    /* latin-ext */
+    @font-face {
+      font-family: 'Russo One';
+      font-style: normal;
+      font-weight: 400;
+      src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
+      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+    }
+    /* latin */
+    @font-face {
+      font-family: 'Russo One';
+      font-style: normal;
+      font-weight: 400;
+      src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
+      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+    }
+    /* fonts google css?family=Special+Elite */
+    /* latin */
+    @font-face {
+      font-family: 'Special Elite';
+      font-style: normal;
+      font-weight: 400;
+      src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v8/9-wW4zu3WNoD5Fjka35JmzxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
+      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+    }
+
+    .sheet-sheet {
+      font-family: 'Special Elite', cursive;
+      width: 100%;
+    }
+    .sheet-sheet * {
+      padding: 1px;
+    }
+    .sheet-kuro_section_title{
+      font-family: 'Russo One', sans-serif;
+      font-weight: bold;
+      font-size: 2em;
+      text-align: center;
+      padding-top: 15px;
+      padding-bottom: 5px;
+    }
+    .sheet-kuro_field {
+      clear: both;
+      width: 100%;
+    }
+    .sheet-kuro_field:after{
+      clear:both;
+      content: "";
+      display: table;
+    }
+    .sheet-kuro_field .sheet-name{
+      float: left;
+    }
+    .sheet-kuro_field .sheet-value{
+      float: right;
+    }
+
+    .sheet-kuro_field input{
+      border:0;
+      border-bottom:solid 1px #000;
+      outline:none;
+    }
+    .sheet-kuro_field input[type=text]{
+      float: right;
+      width: calc(100% - 7em);
+    }
+    .sheet-kuro_field button[type=roll]{
+      width: 21px;
+      height: 21px
+    }
+    .sheet-skills{
+      height: 435px !important;
+    }
+
+    /* tab */
+    /*body {
+       padding: 20px 40px;
+    }*/
+
+    .sheet-kuro-tabs {
+      position: relative;
+      min-height: 435px !important;
+
+      clear: both;
+      margin: 35px 0 25px;
+      background: white;
+    }
+    .sheet-kuro-tab {
+      float: left;
+    }
+    .sheet-kuro-tab label {
+      background: #eee;
+      padding: 10px;
+      border: 1px solid #ccc;
+      margin-left: -1px;
+      position: relative;
+      left: 1px;
+      top: -29px;
+    }
+    .sheet-kuro-tab [type=radio] {
+      display: none;
+    }
+    .sheet-kuro-tab-content {
+      position: absolute;
+      top: -1px;
+      left: 0;
+      background: white;
+      right: 0;
+      bottom: 0;
+      padding: 20px;
+      border: 1px solid #ccc;
+      -webkit-transition: opacity .6s linear;
+      opacity: 0;
+    }
+    [type=radio]:checked ~ label {
+      background: white;
+      border-bottom: 1px solid white;
+      z-index: 2;
+    }
+    [type=radio]:checked ~ label ~ .sheet-kuro-tab-content {
+      z-index: 1;
+      opacity: 1;
+    }
+
     </style>
 
     <div name="kuro_first_row" class="sheet-2colrow sheet-kuro_id">
@@ -85,60 +210,67 @@
           Skills
         </div>
 
-        <div class="sheet-tabs">
+        <div class="sheet-kuro-tabs">
 
-           <div class="sheet-tab">
+           <div class="sheet-kuro-tab">
                <input type="radio" id="tab-1" name="tab-group-1" checked>
                <label for="tab-1">Combat</label>
 
-               <div class="sheet-content">
+               <div class="sheet-kuro-tab-content">
+                 Combat Skills
                  <fieldset class="repeating_combat_skills">
-                   <div class="sheet-kuro_field"><span class="sheet-name"><input type="text" name="attr_combat_skill_name"></span><span class="sheet-value" name="attr_combat_skill_value"></span></div>
+                   <div class="sheet-kuro_field">
+                     <span class="sheet-name"><input type="text" name="attr_combat_skill_name"></span>
+                     <span class="sheet-value">
+                        <input type="number" name="attr_combat_skill_value">
+                        <button class="sheet-d6-dice" type="roll" value="&{template:default} {{name=@{combat_skill_name}}} {{Roll=[[@{combat_skill_value}d6]]}}">?</button>
+                    </span></div>
+
                  </fieldset>
                </div>
            </div>
 
-           <div class="sheet-tab">
+           <div class="sheet-kuro-tab">
                <input type="radio" id="tab-2" name="tab-group-1">
                <label for="tab-2">Academic</label>
 
-               <div class="sheet-content">
+               <div class="sheet-kuro-tab-content">
                  <textarea>Academic Skills</textarea>
                </div>
            </div>
 
-            <div class="sheet-tab">
+            <div class="sheet-kuro-tab">
                <input type="radio" id="tab-3" name="tab-group-1">
                <label for="tab-3">General</label>
 
-               <div class="sheet-content">
+               <div class="sheet-kuro-tab-content">
                  <textarea>General Skills</textarea>
                </div>
            </div>
 
-            <div class="sheet-tab">
+            <div class="sheet-kuro-tab">
                <input type="radio" id="tab-4" name="tab-group-1">
                <label for="tab-4">Technical</label>
 
-               <div class="sheet-content">
+               <div class="sheet-kuro-tab-content">
                  <textarea>Technical Skills</textarea>
                </div>
 
              </div>
-            <div class="sheet-tab">
+            <div class="sheet-kuro-tab">
                <input type="radio" id="tab-5" name="tab-group-1">
                <label for="tab-5">Engineering</label>
 
-               <div class="sheet-content">
+               <div class="sheet-kuro-tab-content">
                  <textarea>Engineering Skills</textarea>
                </div>
            </div>
 
-            <div class="sheet-tab">
+            <div class="sheet-kuro-tab">
                <input type="radio" id="tab-6" name="tab-group-1">
                <label for="tab-6">Contacts</label>
 
-               <div class="sheet-content">
+               <div class="sheet-kuro-tab-content">
                  <textarea>Contacts Skills</textarea>
                </div>
            </div>