diff --git a/index.html b/index.html
index cf0ca1f..e7c83c0 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
       <option value="secret">Secret</option></select>
       <button id="logout">Logout</button>
       </p>
+      <div class="ex"></div>
       <div class="hamburger-menu">
         <input type="checkbox" id="menu-btn-check" style="display: none;">
         <label for="menu-btn-check" class="menu-btn" style="  position: fixed;top: 10px;right: 10px;display: flex;height: 50px; width: 80px;justify-content: center;align-items: center;z-index: 90;background-color: #59b0ee;"><span style="color: #fff;">背景変更</span></label>
@@ -42,6 +43,7 @@
         </div>
         <!--ここまでメニュー-->
     </div>
+
       <p>TEXT: <span id="text"></span></p>
       <p>RANK: <button type="button" id="ranking">Total</button>
       <button type="button" id="ranking:today">Today</button>
diff --git a/jstrr.css b/jstrr.css
index 054ac3e..57ff5f1 100644
--- a/jstrr.css
+++ b/jstrr.css
@@ -6,6 +6,9 @@
     background-size: cover;
   z-index: 0.1;
 }
+.ex{
+  background-color: #f99;
+}
 .wrapper{
     text-align: center;
     margin: 0 auto;