diff --git a/change.js b/change.js
index 5105162..f17798a 100644
--- a/change.js
+++ b/change.js
@@ -13,7 +13,12 @@
 	newcss.href = "new1.css";
 	head.appendChild(newcss);	// link要素を追加
     });
-
+    /*if(bg2 && bg3){
+            newcss.remove();
+            newcss = null;
+    }*/
+//}
+    //function bg2(){
     cssbtn2.addEventListener("click", (e) => {  
         if (newcss) return;
         newcss = document.createElement("link");
@@ -21,7 +26,11 @@
         newcss.href = "new2.css";
         head.appendChild(newcss);	// link要素を追加
         });
-
+        /*if(bg1 && bg3){
+                newcss.remove();
+                newcss = null;
+        }*/
+    //}
     //function bg3(){
     cssbtn3.addEventListener("click", (e) => {  
             if (newcss) return;
diff --git a/index.html b/index.html
index 6c7d7da..b4d3144 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,6 @@
       <option value="secret">Secret</option></select>
       <button id="logout">Logout</button>
       </p>
-
       <div class="hamburger-menu">
         <input type="checkbox" id="menu-btn-check">
         <label for="menu-btn-check" class="menu-btn"><span></span></label>
@@ -43,7 +42,6 @@
         </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 b331a74..81b92f6 100644
--- a/jstrr.css
+++ b/jstrr.css
@@ -1,15 +1,11 @@
 body {
+  background-color: rgb(30, 220, 241);
+    background-image: url(xmas.png);
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
-    background-image: url(newyear.jpg);
-    z-index: 0.1;
-}
-.ex{
-  background-color: #f99;
-  width: 200px;
-  height: 200px;
-}
+    height: 100%;
+  z-index: 0.1;}
 .wrapper{
     text-align: center;
     margin: 0 auto;
@@ -41,7 +37,7 @@
     margin-right: 4px;
 }
 body.secret {background: black; color: white;}
-div#typing {margin: 1em 1ex; border-top: double cyan 5px;}
+div#typing {margin: 1em 1ex; border-top: double cyan 5px; padding-top: 10em;}
 div#typing pre {
   min-height: 3em; border: 1px solid navy; margin: 0 1ex; padding: 0 0.5ex;
   font-size: 150%;
@@ -68,7 +64,7 @@
 }
 label {margin-right: 1em;}
 label.disabled {color: grey;}
-
+ 
 div.login, div.login2, div.ranking {
     position: absolute; height: 100vh; width: 100vw;
     top: 0; left: 0;
@@ -78,11 +74,11 @@
 input[name="text"] {display: none;}
 input[name="text"]+button {min-width: 10em;}
 input[name="text"]:checked+button {background: yellow;}
-
+ 
 /*div.login, div.login2 {padding: 40% 0%;}*/
 div.login{
     background-color: rgb(142, 174, 235);
-    background-image: url(jstrr1.png);
+    background-image: url(summer.jpg);
     background-position: 10% 80%;
     background-repeat: no-repeat;
     background-size: cover;
@@ -102,7 +98,7 @@
 #prompt{
     color: black;
 }
-
+ 
 div.login2 {
     opacity: 0; transition: 0.5s; border-radius: 50%;
 }
@@ -131,6 +127,7 @@
 #ranking-table tr.me {background: #fee;}
 .warn {background: #f99;}
 
+
 .menu-btn {
   position: fixed;
   top: 10px;
@@ -192,7 +189,7 @@
   padding: 9px 15px 10px 0;
   position: relative;
 }
-div.menu-content ul li a::before {
+.menu-content ul li a::before {
   content: "";
   width: 7px;
   height: 7px;
@@ -203,7 +200,7 @@
   right: 11px;
   top: 16px;
 }
-div.menu-content {
+.menu-content {
   width: 30%;
   height: 100%;
   position: fixed;
@@ -213,10 +210,10 @@
   background-color: #ffffffc9;
   transition: all 0.5s;/*アニメーション設定*/
 }
-input#menu-btn-check:checked ~ div.menu-content {
+#menu-btn-check:checked ~ .menu-content {
   left: 70%;/*メニューを画面内へ*/
 }
-button.bg-change{
+.bg-change{
   border: none;
   background: #ffffffc9;
   padding: 10px 15px;