diff --git a/faerun_calendar/static/faerun_calendar/css/main.css b/faerun_calendar/static/faerun_calendar/css/main.css
new file mode 100644
index 0000000..9e58cbc
--- /dev/null
+++ b/faerun_calendar/static/faerun_calendar/css/main.css
@@ -0,0 +1,36 @@
+h1 {
+    text-align: center;
+}
+
+table.month, table.month th, table.month td {
+    border: 1px solid white;
+    border-collapse: collapse;
+    padding: 5px;
+    background: gainsboro;
+}
+
+table.month th {
+    text-align: center;
+}
+
+table.month td {
+    text-align: right;
+}
+
+table.month td.current {
+    background: dimgrey;
+    color: white;
+}
+
+table.month th.subtitle {
+    font-style: italic;
+    font-weight: normal;
+}
+
+table.month {
+    margin: 10px;
+    float: left;
+    width: 300px;
+    max-width: 300px;
+    border-radius: 10px;
+}
diff --git a/faerun_calendar/templates/faerun_calendar/index.html b/faerun_calendar/templates/faerun_calendar/index.html
index b977875..21aa548 100644
--- a/faerun_calendar/templates/faerun_calendar/index.html
+++ b/faerun_calendar/templates/faerun_calendar/index.html
@@ -1,23 +1,16 @@
+{% load static %}
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>Calendar</title>
-    <style>
-        table.month, table.month th, table.month td {
-          border: 1px solid black;
-          border-collapse: collapse;
-        }
-        table.month {
-            margin: 10px;
-            float: left;
-            width: 250px;
-            max-width: 250px;
-        }
-    </style>
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
+    <link rel="stylesheet" href="{% static 'faerun_calendar/css/main.css' %}">
 </head>
 <body>
     <h1>Календарь</h1>
-    {% extends 'faerun_calendar/calendar.html' %}
+    {% include 'faerun_calendar/calendar.html' %}
 </body>
 </html>
diff --git a/faerun_calendar/templates/faerun_calendar/month.html b/faerun_calendar/templates/faerun_calendar/month.html
index 39ac52f..5708516 100644
--- a/faerun_calendar/templates/faerun_calendar/month.html
+++ b/faerun_calendar/templates/faerun_calendar/month.html
@@ -1,11 +1,9 @@
 <table class="month">
     <tr>
-        <th colspan="10">{{title}}</th>
+        <th colspan="10" class="title">{{title}}</th>
     </tr>
     {% if subtitle %}
-        <tr>
-            <td colspan="10">{{subtitle}}</td>
-        </tr>
+        <th colspan="10" class="subtitle">{{subtitle}}</th>
     {% endif %}
     {% if oneday != 1 %}
     <tr>
@@ -29,7 +27,12 @@
         <td>16</td>
         <td>17</td>
         <td>18</td>
+        {% if title == "Миртул" %}
+        <td class="current">19</td>
+        {% else %}
         <td>19</td>
+        {% endif %}
+
         <td>20</td>
     </tr>
     <tr>
