diff --git a/index.html b/index.html
index 09f3324..923d385 100644
--- a/index.html
+++ b/index.html
@@ -102,6 +102,26 @@ <h2>
           </a>
         </li>
       </ul>
+      <h2>
+        Special Hours
+      </h2>
+      <p>
+        聖誕節休息 Closed Christmas <time datetime="2023-12-25">2023-12-25</time>
+      </p>
+      <p>
+        <time datetime="2023-12-26">2023-12-26</time>
+        --
+        <time datetime="2023-12-30">2023-12-30</time>
+        <time datetime="11:00">11:00</time>
+        -
+        <time datetime="15:00">15:00</time>
+      </p>
+      <p>
+        <time datetime="2023-12-31T20:00">2023-12-31 20:00</time>
+        to
+        <time datetime="2024-01-01T03:00">2024-01-01 3:00</time>
+      </p>
+
     </main>
   </body>
 <script data-goatcounter="https://thejispot.goatcounter.com/count"
diff --git a/styles.css b/styles.css
index 3c9b9d3..33c261f 100644
--- a/styles.css
+++ b/styles.css
@@ -124,7 +124,7 @@ ul li:hover div {
 body {
     background-color: var(--color-buff);
     line-height: 1.6;
-    color: var(--font-color);
+    color: white;
     font-family: "Segoe UI", "Helvetica Neue", sans-serif; /*fallback*/
     font-family: var(--font-family-sans);
     padding: 0;
@@ -133,7 +133,20 @@ body {
     max-width: 680px;
     margin-top: 69px;
 }
+h2 {
+    text-shadow: 0px 0px 4px black;
+}
 
+p {
+    font-size: 1.2rem;
+    color: var(--font-color);
+    /* text-shadow: 0px 0px 2px black; */
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-end: 0;
+    margin-inline-start: 0;
+    text-align: center;
+}
 header {
     display: flex;
     flex-flow: column;
@@ -145,6 +158,7 @@ header {
     text-align: center;
 
 }
+
 header h1 {
     margin-block-start: 0;
     margin-block-end: 0;
@@ -170,6 +184,8 @@ header h3 {
     margin-bottom: 3px;
 
 }
+
+
 nav {
     font-size: 2em;
 }