diff --git a/public/index.html b/public/index.html
index 5aa882c..9046ea3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,7 @@
     <title>yude</title>
     <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet">
     <link rel="shortcut icon" href="assets/images/favicon.ico">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.1/pure-min.css"
         integrity="sha256-fPXvMqJjeydW056U7AUM/dp5L+sRz0xPK0Mx3p20nkI=" crossorigin="anonymous" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
@@ -22,7 +23,6 @@
             color: black
         }
 
-
         @keyframes r1 {
             0% {
                 transform: rotate(0deg);
@@ -49,43 +49,43 @@
             <div class="pure-g">
                 <div class="pure-u-1-5"></div>
                 <div class="pure-g pure-u-3-5">
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-discord" style="font-size:1.5em"></i></p>
-                        <p style="margin-top: -1em">yude#3205</p>
+                        <p style="margin-top: -1em; text-align:center">yude#3205</p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-twitter" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://twitter.com/yudete">@yudete</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-github" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://github.com/yudete">yudete</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-steam" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://steamcommunity.com/id/yudete">yudete</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fas fa-envelope" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="mailto:yu@yude.moe">yu@yude.moe</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-keybase" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://keybase.io/yude">yude</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-instagram" style="font-size:1.5em"></i></p>
-                        <p style="margin-top: -1em"><a href="https://instagram.com/yudemoe">yudemoe</a></p>
+                        <p style="margin-top: -1em"><a href="https://instagram.com/yude.moe">yude.moe</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fas fa-book" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://blog.yude.moe">yude's blog</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-twitch" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://twitch.tv/yude1119">yude1119</a></p>
                     </div>
-                    <div class="pure-u-4-24" style="min-width: 100px">
+                    <div class="pure-u-4-24" style="min-width: 90px">
                         <p><i class="fab fa-youtube" style="font-size:1.5em"></i></p>
                         <p style="margin-top: -1em"><a href="https://youtube.com/c/yudete">yudete</a></p>
                     </div>
diff --git a/public/misc.html b/public/misc.html
index 948eecc..09c9920 100644
--- a/public/misc.html
+++ b/public/misc.html
@@ -8,6 +8,7 @@
     <link rel="shortcut icon" href="assets/images/favicon.ico">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.1/pure-min.css"
         integrity="sha256-fPXvMqJjeydW056U7AUM/dp5L+sRz0xPK0Mx3p20nkI=" crossorigin="anonymous" />
+    <meta name="viewport" content="width=device-width,initial-scale=1">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
         integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script>
     <style>