2 files changed, 7 insertions, 1 deletions
diff --git a/css/index.css b/css/index.css
index 2c72ef7..833b404 100644
--- a/css/index.css
+++ b/css/index.css
@@ -10,6 +10,8 @@ body {
   padding: 0;
   margin: 0;
   font-size: 1vw;
+  opacity: 0;
+  transition: 0.5s;
 }
 
 .wrapper {
diff --git a/index.html b/index.html
index 2a3e523..901e3fa 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,11 @@
   <body>
     <div class="wrapper">
       <div class="waifu">
-        <a href="#" id="waifu-link"><img id="waifu" /></a>
+        <a href="#" id="waifu-link"
+          ><img
+            onload="document.getElementsByTagName('body')[0].style.opacity = 1"
+            id="waifu"
+        /></a>
       </div>
 
       <div class="content">