Modify category view

-.row {
+/* .row {
     padding-left: 15px;
     padding-right: 15px;
-}
+} */
 
 .card-body {
     text-align: center;
@@ -9,3 +9,9 @@
 body{
     font-family: 'Noto Sans KR', sans-serif;
 }
+.category{
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    width: 70%;
+}
\ No newline at end of file

@@ -8,7 +8,8 @@
     <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' />
     <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' />
     <link rel='stylesheet' href='/css/category.css'>
-
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">
     <title>📝 진단 검사</title>
 </head>
 

-<div class="row">
+<div class="category">
+    <div class="card mx-auto mb-2" style ="margin-left: 30%;">
+        <div class="d-flex align-items-center">
             <div class="card" style="width: 18rem;">
                 <img src="/img/restaurant.jpg" class="card-img-top" alt="...">
                 <div class="card-body">
@@ -31,6 +33,11 @@
                     <a href="/category/transport" class="btn btn-primary">검사!</a>
                 </div>
             </div>
+        </div>
+    </div>
+
+    <div class="card mx-auto mb-2"style ="margin-left: 30%;">
+        <div class="d-flex align-items-center">
             <div class="card" style="width: 18rem;">
                 <img src="/img/safe.jpg" class="card-img-top" alt="...">
                 <div class="card-body">
@@ -63,4 +70,6 @@
                     <a href="/category/gym" class="btn btn-primary">검사!</a>
                 </div>
             </div>
+        </div>
+    </div>
 </div>
\ No newline at end of file

 <div class="jumbotron jumbotron-fluid">
-    <div class="container">
+    <div class="container" style="text-align: center;">
         <h3>
             🔎 검색한 동네 :
             <%=userLocation%>