diff --git a/source/css/common/variables.styl b/source/css/common/variables.styl
index cee646c..6ea9621 100644
--- a/source/css/common/variables.styl
+++ b/source/css/common/variables.styl
@@ -75,8 +75,8 @@ $scroll-bar-bg-color = darken($background-color, 10%);
 $link-color = darken($default-text-color, 10%);
 $copyright-info-color = #CC0033;
 $avatar-background-color = #0066CC;
-$header-transparent-background-1 = alpha($background-color, 0.3);
-$header-transparent-background-2 = alpha($background-color, 0.6);
+$header-transparent-background-1 = alpha($background-color, 0.28);
+$header-transparent-background-2 = alpha($background-color, 0.58);
 $pjax-progress-bar-color = linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);
 
 
@@ -100,8 +100,8 @@ $dark-scroll-bar-bg-color = lighten($dark-background-color, 20%);
 $dark-link-color = lighten($dark-default-text-color, 10%);
 $dark-copyright-info-color = darken($copyright-info-color, 20%);
 $dark-avatar-background-color = darken($avatar-background-color, 10%);
-$dark-header-transparent-background-1 = alpha($dark-background-color, 0.3);
-$dark-header-transparent-background-2 = alpha($dark-background-color, 0.6);
+$dark-header-transparent-background-1 = alpha($dark-background-color, 0.28);
+$dark-header-transparent-background-2 = alpha($dark-background-color, 0.58);
 $dark-pjax-progress-bar-color = linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);
 
 
diff --git a/source/css/layout/_partial/first-screen.styl b/source/css/layout/_partial/first-screen.styl
index 8254645..1ddca04 100644
--- a/source/css/layout/_partial/first-screen.styl
+++ b/source/css/layout/_partial/first-screen.styl
@@ -31,7 +31,7 @@ $first-screen-font-color = $temp-font-color ? convert($temp-font-color) : var(--
     box-sizing: border-box;
     width: 80%;
     height: 90%;
-    padding-top: 5rem;
+    padding-top: 2rem;
 
     .description {
       font-weight: bold;