diff --git a/src/routes/notice/+page.svelte b/src/routes/notice/+page.svelte
index e7d6634..c464f01 100644
--- a/src/routes/notice/+page.svelte
+++ b/src/routes/notice/+page.svelte
@@ -33,46 +33,48 @@ onMount(async () => {
 
 <style>
   .container {
-    background-color: #000000;
+    font-size: 2em;
+    background-color: rgb(0, 0, 0);
     padding: 10px;
   }
 
   #main {
-    background-color: #000000;
+    background-color: rgb(90, 90, 90);
     width: fit-content;
-    padding: 5px;
+    padding: 4px 0.25em 0.25em 8px;
   }
 
   .notice-container {
     width: fit-content;
-    border: 1px solid #ddd;
+    border: 0.05em solid rgb(120, 120, 120);
     background-color: white;
-    border-radius: 8px;
+    border-radius: 0.5em;
     overflow: hidden;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+    box-shadow: 0.1em 0.1em 0.2em rgba(90,90,90, 0.75);
   }
 
   .notice-title {
-    font-size: 16px;
+    font-size: 1em;
     font-weight: bold;
-    padding: 10px;
+    padding: 0.6em;
     color: white;
     background-color: #ff3939;
     text-align: center;
   }
 
   .notice-content {
-    font-size: 16px;
+    font-size: 1em;
     font-weight: bold;
-    padding: 10px;
+    padding: 0.6em;
     color: #333;
-    max-width: 164px;
+    max-width: 12em;
   }
 
   .mask-mode {
     background-color: black!important;
     .notice-container {
-      box-shadow: 0 2px 4px rgba(255, 255, 255, 0.5);
+      border: 0.05em solid rgb(255, 255, 255);
+      box-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.5);
     }
     .notice-title {
       background-color: #ffffff!important;