diff --git a/assets/css/style.css b/assets/css/style.css
index 2fe03fa..2582afc 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -42,6 +42,10 @@ header .avatar {
   height: 100px;
 }
 
+.home .avatar {
+  height: 250px;
+}
+
 header .avatar img {
   position: absolute;
   width: 100px;
@@ -50,11 +54,20 @@ header .avatar img {
   right: 0;
 }
 
+.home .avatar img {
+  width: 250px;
+}
+
 header .avatarMask {
   clip-path: circle(48px at center);
   -webkit-clip-path: circle(48px at center);
 }
 
+.home .avatarMask {
+  clip-path: circle(120px at center);
+  -webkit-clip-path: circle(120px at center);
+}
+
 /* Footer */
 footer {
   font-size: 12px;
diff --git a/layouts/index.html b/layouts/index.html
index ae99b53..d8b45d9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -4,7 +4,7 @@
   <body>
     <div id="profileContainer">
       <div id="profile">
-        <header>
+        <header class="home">
           <!-- avator -->
           <div class="avatar">
             <img class="avatarMask" src="{{ .Site.BaseURL }}/img/{{ .Site.Params.avatar }}" alt="avatar">
