diff --git a/src/App.tsx b/src/App.tsx
index 041afc5..f7b4af4 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -69,8 +69,8 @@ export default function App() {
           
         <div className="flex justify-center">
         <div id="content" className="absolute text-white" style={{ top: `${contentY}px`}}>
-          <div className="grid md:grid-cols-5 gap-2 min-h-[70vh] max-w-3xl">
-            <div className="hidden md:block">
+          <div className="grid grid-container md:grid-cols-5 gap-2 min-h-[70vh] w-4xl">
+            <div className="hidden md:block md:col-span-1">
               <Menu />
             </div>
             <div className="w-full px-5 md:col-span-4 md:px-0">
diff --git a/src/components/Activities.tsx b/src/components/Activities.tsx
index b82d89c..f88fa2a 100644
--- a/src/components/Activities.tsx
+++ b/src/components/Activities.tsx
@@ -2,46 +2,44 @@ export default function Activities() {
     return (
         <>
         <div className="rounded-lg w-full">
-            <h1 className="text-2xl text-center">Recent activities</h1>
-            <div className="border border-white-500"></div>
-
             <ol className="relative border-s border-gray-700 left-2 mt-3">            
                 <li className="mb-2 ms-4">
                     <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
                     <time className="mb-1 text-sm font-normal leading-none text-gray-400">
-                        December 2023
+                        2023 年 12 月
                     </time>
                     <h3 className="text-lg font-semibold text-white">
-                        <a href="https://www.hiroshima-cu.ac.jp">
-                            ICT Troubleshooting Contest 2023
+                        <a href="https://icttoracon.net/">
+                            ICT トラブルシューティングコンテスト 2023
                         </a>
                     </h3>
                     <p className="text-base font-normal text-gray-400">
-                        Team いちぴろ・エクスプローラ
+                        チーム「いちぴろ・エクスプローラ」
                     </p>
                 </li>
                 <li className="mb-2 ms-4">
                     <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
                     <time className="mb-1 text-sm font-normal leading-none text-gray-400">
-                        November 2023
+                        2023 年 11 月
                     </time>
                     <h3 className="text-lg font-semibold text-white">
                         <a href="https://hiss25th.sakura.ne.jp/">
-                        The 25th IEEE Hiroshima Section Student Symposium
+                        第 25 回 IEEE 広島支部学生シンポジウム
                         </a>
                     </h3>
                     <p className="text-base font-normal text-gray-400">
-                        Poster session
+                        ポスター発表
+                        <p>「マイクロコンピュータ向け自律分散死活システムの設計と実装」</p>
                     </p>
                 </li>
                 <li className="mb-2 ms-4">
                     <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
                     <time className="mb-1 text-sm font-normal leading-none text-gray-400">
-                        September 2022
+                        2022 年 9 月
                     </time>
                     <h3 className="text-lg font-semibold text-white">
                         <a href="https://www.iij.ad.jp/">
-                            Internship @ Internet Initiative Japan Inc.
+                            インターンシップ @ 株式会社インターネットイニシアティブ
                         </a>
                     </h3>
                     <p className="text-base font-normal text-gray-400">
@@ -51,11 +49,11 @@ export default function Activities() {
                 <li className="mb-2 ms-4">
                     <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
                     <time className="mb-1 text-sm font-normal leading-none text-gray-400">
-                        August 2022
+                        2022 年 8 月
                     </time>
                     <h3 className="text-lg font-semibold text-white">
                         <a href="https://www.hirotec.co.jp/">
-                            Internship @ HIROTEC Corporation.
+                            インターンシップ @ 株式会社ヒロテック
                         </a>
                     </h3>
                 </li>
diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 2983188..e97fd05 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -44,7 +44,13 @@ export default function Card() {
             ></div>
             <div className="flex justify-center w-screen items-center">
                 <div className="mx-2 inline-block">
-                    <img className="rounded-full" width={100} height={100} src="./avatar.webp" />
+                    <img
+                        draggable="false"
+                        className="rounded-full hover:cursor-grab"
+                        width={100}
+                        height={100}
+                        src="./avatar.webp"
+                    />
                 </div>
                 <div className="mx-2 text-left h-full inline-block">
                     <Logo />
diff --git a/src/components/Keys.tsx b/src/components/Keys.tsx
index 5838e1e..64c0e90 100644
--- a/src/components/Keys.tsx
+++ b/src/components/Keys.tsx
@@ -2,23 +2,20 @@ export default function Keys() {
     return (
         <>
         <div className="rounded-lg w-full">
-            <h1 className="text-2xl text-center">Public keys</h1>
-            <div className="border border-white-500"></div>
-
             <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">GNU Privacy Guard</h2>
             <ul className="max-w-md space-y-1 list-disc list-inside text-gray-300 ml-5">
                 <li>
-                    Available on <a className="underline" href="https://github.com/yude.gpg">GitHub</a>.
+                    <a className="underline" href="https://github.com/yude.gpg">GitHub</a> から入手できます。
                 </li>
                 <li>
-                    Fingerprint: <code>3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968</code>
+                    鍵指紋: <code>3745 F270 DB4E 8975 6B07 62BE EB0F E5D9 25C4 A968</code>
                 </li>
             </ul>
 
-            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">The Secure Shell (RFC4716)</h2>
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">The Secure Shell (RFC 4716)</h2>
             <ul className="max-w-md space-y-1 list-disc list-inside text-gray-300 ml-5">
-                <li>
-                    Available on <a className="underline" href="https://github.com/yude.keys">GitHub</a>.
+            <li>
+                    <a className="underline" href="https://github.com/yude.keys">GitHub</a> から入手できます。
                 </li>
             </ul>
             
diff --git a/src/components/Links.tsx b/src/components/Links.tsx
index 4508424..59d2361 100644
--- a/src/components/Links.tsx
+++ b/src/components/Links.tsx
@@ -6,7 +6,7 @@ export default function Links() {
     return (
         <>
             <div className="rounded-lg w-full">
-                <div className="gap-y-8 flex flex-wrap justify-between">
+              <div className="gap-x-6 gap-y-8 grid grid-cols-4 justify-between">
                     <div className="w-24 h-16">
                         <a href="https://x.com/yude_jp">
                             <FontAwesomeIcon className="w-24 h-11" icon={faXTwitter} />
diff --git a/src/components/Menu.tsx b/src/components/Menu.tsx
index a0e7bbc..da12c34 100644
--- a/src/components/Menu.tsx
+++ b/src/components/Menu.tsx
@@ -23,21 +23,41 @@ export default function Menu() {
 
     return (
       <RecoilRoot>
-        <ul className="w-full text-lg font-medium">
-            <li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Profile)}}>
-                <FontAwesomeIcon icon={faUser} />{" "}プロフィール
+        <ul className="w-full text-lg font-medium text-center hover:cursor-pointer">
+            <li
+                className={`w-full px-4 py-2${page === Pages.Profile ? " bg-slate-700" : ""}`}
+                onClick={() => {setPage(Pages.Profile)}}
+            >
+                <FontAwesomeIcon icon={faUser} />{" "}
+                <p>プロフィール</p>
             </li>
-            <li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Links)}}>
-                <FontAwesomeIcon icon={faLink} />{" "}リンク
+            <li
+                className={`w-full px-4 py-2${page === Pages.Links ? " bg-slate-700" : ""}`}
+                onClick={() => {setPage(Pages.Links)}}
+            >
+                <FontAwesomeIcon icon={faLink} />{" "}
+                <p>リンク</p>
             </li>
-            <li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Keys)}}>
-                <FontAwesomeIcon icon={faKey} />{" "}公開鍵
+            <li
+                className={`w-full px-4 py-2${page === Pages.Keys ? " bg-slate-700" : ""}`}
+                onClick={() => {setPage(Pages.Keys)}}
+            >
+                <FontAwesomeIcon icon={faKey} />{" "}
+                <p>公開鍵</p>
             </li>
-            <li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Activities)}}>
-                <FontAwesomeIcon icon={faSquarePersonConfined} />{" "}活動
+            <li
+                className={`w-full px-4 py-2${page === Pages.Activities ? " bg-slate-700" : ""}`}
+                onClick={() => {setPage(Pages.Activities)}}
+            >
+                <FontAwesomeIcon icon={faSquarePersonConfined} />{" "}
+                <p>活動</p>
             </li>
-            <li className="w-full px-4 py-2" onClick={() => {setPage(Pages.Services)}}>
-                <FontAwesomeIcon icon={faStar} />{" "}サービス
+            <li
+                className={`w-full px-4 py-2${page === Pages.Services ? " bg-slate-700" : ""}`}
+                onClick={() => {setPage(Pages.Services)}}
+            >
+                <FontAwesomeIcon icon={faStar} />{" "}
+                <p>サービス</p>
             </li>
         </ul>
       </RecoilRoot>
diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
index 8e4df8c..815e75b 100644
--- a/src/components/Profile.tsx
+++ b/src/components/Profile.tsx
@@ -5,72 +5,72 @@ export default function Profile() {
     return (
         <>
         <div className="rounded-lg w-full">
-            <h1 className="text-2xl text-center">Profile</h1>
-            <div className="border border-white-500"></div>
-
-            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">Affiliation</h2>
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">所属</h2>
 
             <ol className="relative border-s border-gray-700 left-2">                  
                 <li className="mb-2 ms-4">
                     <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
                     <time className="mb-1 text-sm font-normal leading-none text-gray-400">
-                        April 2020 - Present
+                        2020 年 4 月 &ndash; 現在
                     </time>
                     <h3 className="text-lg font-semibold text-white">
                         <a href="https://www.hiroshima-cu.ac.jp">
-                            Hiroshima City University
+                            広島市立大学
                         </a>
                     </h3>
                     <p className="text-base font-normal text-gray-400">
                         <a href="https://net.info.hiroshima-cu.ac.jp">
-                            Information Network Laboratory
+                            情報ネットワーク研究室
                         </a>
                     </p>
                     <p className="text-base font-normal text-gray-400">
                         <a href="https://funahcu.github.io/funalab">
-                            Lectureship of Sensing, Network Software
+                            センシング講座, ネットワークソフトウェア研究グループ
                         </a>
                     </p>
                     <p className="text-base font-normal text-gray-400">
                         <a href="http://www.cne.info.hiroshima-cu.ac.jp/">
-                            Department of Computer and Network Engineering,
+                            情報工学科
+                        </a>
+                    </p>
+                    <p className="text-base font-normal text-gray-400">
+                        <a href="https://www2.info.hiroshima-cu.ac.jp/">
+                            情報科学部
                         </a>
-                        &nbsp;
-                        <a href="https://www2.info.hiroshima-cu.ac.jp/">Faculty of Information Sciences</a>
                     </p>
                 </li>
                 <li className="ms-4">
                     <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
-                    <time className="mb-1 text-sm font-normal leading-none text-gray-400">April 2017 - March 2020</time>
-                    <h3 className="text-lg font-semibold text-white">Tottori Prefectural, Tottori East High School</h3>
-                    <p className="text-base font-normal text-gray-400">Diploma of Science and Mathematics</p>
+                    <time className="mb-1 text-sm font-normal leading-none text-gray-400">2017 年 4 月 &ndash; 2020 年 3 月</time>
+                    <h3 className="text-lg font-semibold text-white">鳥取県立鳥取東高等学校</h3>
+                    <p className="text-base font-normal text-gray-400">理数科</p>
                 </li>
             </ol>
 
-            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">Biography</h2>
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">基本情報</h2>
             
             <ul className="space-y-1 list-inside mt-2 ml-5">
                 <li className="items-center">
-                    <span className="text-gray-300"><FontAwesomeIcon icon={faCake} />&nbsp;Born on <span className="text-gray-50">November 19, 2001</span> (22 y/o)</span>
+                    <span className="text-gray-300"><FontAwesomeIcon icon={faCake} />&nbsp;<span className="text-gray-50">2001 年 11 月 19 日</span> 生まれ (22 歳)</span>
                 </li>
                 <li className="items-center">
-                    <span className="text-gray-300"><FontAwesomeIcon icon={faMapPin} />&nbsp;&nbsp;Living in <span className="text-gray-50">Hiroshima, Japan</span></span>
+                    <span className="text-gray-300"><FontAwesomeIcon icon={faMapPin} />&nbsp;&nbsp;<span className="text-gray-50">広島県 広島市</span> 在住</span>
                 </li>
             </ul>
 
-            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">Certification</h2>
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">資格, 免許</h2>
             <ul className="max-w-md space-y-1 ml-5 list-disc list-inside text-gray-400">
                 <li>
-                    IPA 基本情報技術者 (April 2022)
+                    IPA 基本情報技術者 (2022 年 4 月)
                 </li>
                 <li>
-                    普通自動車第一種運転免許, AT 限定 (June 2021)
+                    普通自動車第一種運転免許, AT 限定 (2021 年 6 月)
                 </li>
                 <li>
-                    TOEIC Listening & Reading: 860 (December 2022)
+                    TOEIC Listening & Reading: 860 (2022 年 12 月)
                 </li>
                 <li>
-                    TOEIC Listening & Reading, IP Test: 960 (December 2021)
+                    TOEIC Listening & Reading, IP テスト 960 点 (2021 年 12 月)
                 </li>
             </ul>
 
diff --git a/src/components/Services.tsx b/src/components/Services.tsx
index e76db99..6dd192d 100644
--- a/src/components/Services.tsx
+++ b/src/components/Services.tsx
@@ -2,9 +2,6 @@ export default function Services() {
     return (
         <>
         <div className="rounded-lg w-full">
-            <h1 className="text-2xl text-center">Active services</h1>
-            <div className="border border-white-500"></div>
-
             <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">
                 サービス
             </h2>
@@ -16,12 +13,12 @@ export default function Services() {
                 </li>
                 <li>
                     <a className="hover:underline" href="https://mstdn.soine.site">
-                        Mastodon instance: mstdn.soine.site
+                        Mastodon インスタンス: 添い寝して！
                     </a>
                 </li>
                 <li>
                     <a className="hover:underline" href="https://discord.gg/X6srY7X">
-                        Discord
+                        Discord サーバー
                     </a>
                 </li>
                 <li>
@@ -31,18 +28,18 @@ export default function Services() {
                 </li>
                 <li>
                     <a className="hover:underline" href="https://status.yude.jp/">
-                        Server status
+                        サービス状況
                     </a>
                 </li>
                 <li>
-                    <span>Minecraft multiplayer @ <code>yude.jp</code></span>
+                    <span>Minecraft マルチプレイサーバ @ <code>yude.jp</code></span>
                 </li>
                 <li>
-                    <span>TeamSpeak 3 @ <code>yude.jp</code></span>
+                    <span>TeamSpeak 3 サーバ @ <code>yude.jp</code></span>
                 </li>
             </ul>
             <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1 ml-1">
-                Connectivity
+                接続性
             </h2>
             <ul className="max-w-md space-y-1 ml-5 mt-3 list-disc list-inside text-gray-400">
                 <li>