style: home, category 스타일 변경

 <% include ../includes/header.ejs %>
 <% include ../includes/header.ejs %>
     <table class="table table-bordered table-hover">
     <table class="table table-bordered table-hover">
-        <tr>
+        <tr class="table-info">
             <th width="80px" style="text-align: center;">카테고리명</th>
             <th width="80px" style="text-align: center;">카테고리명</th>
             <th width="50px" style="text-align: center;">개설 날짜</th>
             <th width="50px" style="text-align: center;">개설 날짜</th>
-            <th width="350px" style="text-align: center;">내용</th>
-            <th width="30px" style="text-align: center;">사용자명</th>
+            <th width="550px" style="text-align: center;">내용</th>
+            <th width="50px" style="text-align: center;">사용자명</th>
             <th width="30px" style="text-align: center;">삭제</th>
             <th width="30px" style="text-align: center;">삭제</th>
         </tr>
         </tr>
         <%categories.forEach(function(product){%>
         <%categories.forEach(function(product){%>
@@ -17,7 +17,7 @@
                 <%=product.getDate.month%> -
                 <%=product.getDate.month%> -
                 <%=product.getDate.day%>
                 <%=product.getDate.day%>
             </td>
             </td>
-            <td style="text-align: center;">
+            <td>
                 <%=product.description%>
                 <%=product.description%>
             </td>
             </td>
             <td style="text-align: center;">
             <td style="text-align: center;">
@@ -30,6 +30,6 @@
         <% }); %>
         <% }); %>
     </table>
     </table>
  
  
-    <a href="categories/write" class="btn btn-default">작성하기</a>
+    <a href="categories/write" class="btn btn-primary">작성하기</a>
  
  
 <% include ../includes/footer.ejs %>
 <% include ../includes/footer.ejs %>
\ No newline at end of file

 <% include ./includes/header.ejs %>
 <% include ./includes/header.ejs %>
-    <div style="background-color:lavenderblush">
+    <div style="background-color:#e3f2fd;">
         <% var count = 0; %>
         <% var count = 0; %>
-        <center>
         <% for (var i in video) { %>
         <% for (var i in video) { %>
-            <div style ="color:gray; font-weight:bold; font-size:2.0em;">
+            <div style ="color:gray; font-weight:bold; font-size:2.0em; margin-left: 30px; padding-top: 30px">
                 <%=video[i].category.title%>
                 <%=video[i].category.title%>
             </div>
             </div>
             <% for (var j in video[i].videos) { %>
             <% for (var j in video[i].videos) { %>
-                <div id="<%=count%>" vid="<%=video[i].videos[j].video_id%>">
+                <div id="<%=count%>" vid="<%=video[i].videos[j].video_id%>" style="margin: 30px;">
                 </div>
                 </div>
-            <%count++;};};%>
-        </center>
+            <%count++;}; %>
+        <%};%>
     </div>
     </div>
 
 
     <style type="text/css">
     <style type="text/css">