style: home page 스타일 추가

 <% include ./includes/header.ejs %>
 <% include ./includes/header.ejs %>
-    <div style="background-color:#e3f2fd;">
+    <div style="background-color:lavenderblush;">
         <% 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; margin-left: 30px; padding-top: 30px">
             <div style ="color:gray; font-weight:bold; font-size:2.0em; margin-left: 30px; padding-top: 30px">
+                <div style="width: 100%;
+                                            max-width: 7rem;
+                                            height: 0.25rem;
+                                            background-color: #2c3e50;
+                                            border-radius: 1rem;
+                                            border-color: #2c3e50 !important;"></div>
                 <%=video[i].category.title%>
                 <%=video[i].category.title%>
+                <div style="width: 100%;
+                                            max-width: 7rem;
+                                            height: 0.25rem;
+                                            background-color: #2c3e50;
+                                            border-radius: 1rem;
+                                            border-color: #2c3e50 !important;"></div>
             </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%>" style="margin: 30px;">
+                <div class="card" style="width: 55rem; margin-bottom: 15px; margin-top: 15px;">
+                    <div class="card-top" id="<%=count%>" vid="<%=video[i].videos[j].video_id%>" style="margin: 30px;">
+                    </div>
+                    <div class="card-body">
+                        <h5 class="card-title"><%=video[i].videos[j].title%></h5>
+                        <p class="card-text">해당 영상에 대한 메모를 여기에 출력.
+                        </p>
+                    </div>
                 </div>
                 </div>
             <%count++;}; %>
             <%count++;}; %>
         <%};%>
         <%};%>
+        </center>
     </div>
     </div>
 
 
     <style type="text/css">
     <style type="text/css">
@@ -46,8 +67,8 @@
         function onYouTubeIframeAPIReady() {
         function onYouTubeIframeAPIReady() {
             for (var i = 0; i < videoIds.length; i++) {
             for (var i = 0; i < videoIds.length; i++) {
                 player = new YT.Player(players[i], {
                 player = new YT.Player(players[i], {
-                    height: '360',
-                    width: '640',
+                    height: '450',
+                    width: '800',
                     videoId: videoIds[i],
                     videoId: videoIds[i],
                 });
                 });
             }
             }