diff --git a/bootstrap.min.css b/bootstrap.min.css
index f4d2e4b..e7cd019 100644
--- a/bootstrap.min.css
+++ b/bootstrap.min.css
@@ -354,3 +354,11 @@ button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;
 .media-grid li{display:inline;}
 .media-grid a{float:left;padding:4px;margin:0 0 18px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
 .media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
+
+.answer_table { align: center; width: 450px; padding-left: 0px;}
+#control_id { padding-left: 345px; padding-right:345px; }
+#answer {padding: 20px; align: center;  margin:0px auto; padding-left: 10px;}
+#button_id { width:250px; }
+#serial_id {width:240px;}
+#result_id {padding-left: 270px;}
+body { padding-top: 60px; }
diff --git a/hero.html b/hero.html
index f806b16..d6d9a96 100644
--- a/hero.html
+++ b/hero.html
@@ -9,14 +9,6 @@
         <![endif]-->
         <link href="bootstrap.min.css" rel="stylesheet">
         <style type="text/css">
-            body {
-                padding-top: 60px;
-            }
-            .answer_table {
-                align: center;
-                width: 450px;
-                padding-left: 0px;
-            }
         </style>
         <script type="text/javascript" src="decrypt_bios.js">
         </script>
@@ -40,17 +32,17 @@
                 <p>Solution for recovery password</p>
             </div>
             <div class="row" >
-            <div style="padding-left: 345px; padding-right:345px;">
+            <div id="control_id" >
                 <h2>Type your code</h2><br/>
                 <form name="pwgen" id="form_id">
-                    <input placeholder="Code" style="width:240px;" type="text" name="serial" id="serial_id" />
+                    <input placeholder="Code" type="text" name="serial" id="serial_id" />
                     <br/><br/>
-                    <input style="width:250px;" type="button" class="btn primary" name="serial" id="button_id" value="Compute" onclick="calcPass()" />
+                    <input type="button" class="btn primary" name="serial" id="button_id" value="Compute" onclick="calcPass()" />
                 </form>
                 </div>
-                <div style="padding-left: 270px;">
+                <div id="result_id">
                 <span class="label important" style="display: none;" id="try_this">Try this:</span><br/>
-                <div id="answer" style="padding: 20px; align: center;  margin:0px auto; padding-left: 10px;">
+                <div id="answer">
                 </div>
                 </div>
             </div>