3 files changed, 16 insertions, 29 deletions

diff --git a/css/index.css b/css/index.css
index 1df6417..7f0ad2e 100644
--- a/css/index.css
+++ b/css/index.css
@@ -10,7 +10,6 @@ body {
   padding: 0;
   margin: 0;
   font-size: 1vw;
-  opacity: 0;
   transition: 0.5s;
 }
 
@@ -22,33 +21,16 @@ body {
 }
 
 .content {
-  flex: 0 1 auto;
+  position: absolute;
+  left: 42.75%;
   border: 1px solid var(--color1);
   padding: 45.5px;
-}
-
-@media screen and (max-width: 957px) {
-  .content {
-    padding: 50px;
-  }
-
-  .waifu {
-    height: 316px !important;
-  }
-}
-
-@media screen and (max-width: 749px) {
-  .content {
-    padding: 50px;
-  }
-
-  .waifu {
-    display: none;
-  }
+  text-align: center;
 }
 
 .waifu {
-  flex: 0 2 0;
+  position: absolute;
+  right: 57.75%;
   height: 416px;
   border: 1px solid var(--color1);
 }
diff --git a/index.html b/index.html
index f145f5c..ab8bbdb 100644
--- a/index.html
+++ b/index.html
@@ -16,18 +16,22 @@
       <div class="waifu">
         <a href="#" id="waifu-link"
           ><img
-            onload="document.getElementsByTagName('body')[0].style.opacity = 1"
             id="waifu"
+            src="https://media.tenor.com/GOYRQva4UeoAAAAd/anime-dance.gif"
         /></a>
       </div>
 
       <div class="content">
-        <div class="time" id="time"></div>
+        <div class="time" id="time">&nbsp;</div>
 
         <div class="weather" id="weather">
           <div id="weather">
-            <div id="current-weather"></div>
-            <div id="tomorrows-weather"></div>
+            <div id="current-weather">
+              <ruby><rt></rt></ruby>
+            </div>
+            <div id="tomorrows-weather">
+              <ruby><rt></rt></ruby>
+            </div>
           </div>
         </div>
 
diff --git a/index.js b/index.js
index 3265e58..8ae8146 100644
--- a/index.js
+++ b/index.js
@@ -42,6 +42,7 @@ const updateClock = () => {
     ("0" + today.getSeconds()).slice(-2);
 
   document.getElementById("time").innerHTML = dateString;
+
   setTimeout(updateClock, 500);
 };
 
@@ -140,8 +141,8 @@ const displayWeather = (data) => {
     "たいかんおんど"
   )}${data.daily[1].feels_like.day.toFixed(0)}${furigana("度", "ど")}）`;
 
-  document.getElementById("current-weather").innerHTML += currentWeather;
-  document.getElementById("tomorrows-weather").innerHTML += tomorrowsWeather;
+  document.getElementById("current-weather").innerHTML = currentWeather;
+  document.getElementById("tomorrows-weather").innerHTML = tomorrowsWeather;
 };
 
 const chooseWaifu = () => {