diff --git a/index.html b/index.html
index 6479634..83dacf4 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,8 @@
 
 <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <title>Sayantan Santra | PhD Student at the University of Oklahoma</title>
     <script>
         function putYear() {
@@ -13,38 +15,17 @@
             year_span.innerHTML = year_array[year_num];
         }
     </script>
-    <style>
-        .container {
-            margin: 0 auto;
-            max-width: 800px;
-        }
 
-        img {
-            border: 5px solid #333;
-            padding: 1px;
-            border-radius: 10px;
-        }
-
-        .row {
-            display: flex;
-        }
-
-        .column {
-            flex: 50%;
-        }
-
-        .column[name="mail"] {
-            text-align: right;
-        }
-    </style>
+    <link rel="stylesheet" type="text/css" target="_blank" href="style.css">
 </head>
 
 <body onload="putYear()">
     <div class="container">
-        <center>
-            <img src="https://www.gravatar.com/avatar/a5114f8f2ab803638d442ab3cb39d329?s=300" />
-            <h1>Sayantan Santra (সায়ন্তন সাঁতরা)</h1>
-        </center>
+        <div class="header">
+            <img src="https://www.gravatar.com/avatar/a5114f8f2ab803638d442ab3cb39d329?s=200" alt="gravatar" />
+            <h2 class="pc-name">Sayantan Santra (সায়ন্তন সাঁতরা)</h2>
+            <h3 class="mobile-name">Sayantan Santra<br />(সায়ন্তন সাঁতরা)</h3>
+        </div>
         <div class="row">
             <div class="column">Office: PHSC 903</div>
             <div class="column" name="mail">Email: sayantan[dot]santra[at]ou.edu</div>
@@ -55,7 +36,7 @@
             at the University of Oklahoma, working under my advisor
             <a href="https://math.ou.edu/~kmartin">Dr. Kimball Martin.</a>
         </p>
-        <p>Previously, I received an M. Math. from the Indian Statistical Institute (Bangalore Center).</p>
+        <p>Previously, I received an M. Math. from the Indian Statistical Institute.</p>
 
         <p>I'm interested in Number Theory. Some of my specific areas of interest include:
         <ul>
@@ -68,7 +49,7 @@
         <a href=https://github.com/SinTan1729/CV/raw/main/CV.pdf>You can take a look at my CV here.</a>
 
         <hr />
-        <i>This page was last updated on Apr 25, 2023.</i>
+        <i>This page was last updated on Apr 26, 2023.</i>
     </div>
 </body>
 
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d101456
--- /dev/null
+++ b/style.css
@@ -0,0 +1,57 @@
+.container {
+    margin: 0 auto;
+    max-width: 800px;
+}
+
+.header {
+    text-align: center;
+}
+
+img {
+    border: 5px solid #333;
+    padding: 1px;
+    border-radius: 10px;
+}
+
+.row {
+    display: flex;
+}
+
+.column {
+    flex: 50%;
+}
+
+.column[name="mail"] {
+    text-align: right;
+}
+
+.mobile-name {
+    display: none;
+}
+
+@media (pointer:none),
+(pointer:coarse) {
+    .row {
+        display: block;
+    }
+
+    .column[name="mail"] {
+        text-align: left;
+    }
+
+    .header {
+        text-align: left;
+    }
+
+    img {
+        max-width: 150px;
+    }
+
+    .pc-name {
+        display: none;
+    }
+
+    .mobile-name {
+        display: block;
+    }
+}
\ No newline at end of file
