From 33cc05834e40f04ebeda0550fed7df466c8222a6 Mon Sep 17 00:00:00 2001
From: amphineko <sukareki@gmail.com>
Date: Mon, 8 Apr 2019 20:46:45 +0900
Subject: [PATCH] use as global background

---
 src/assets/stylesheets/header.scss |  8 ++++----
 src/assets/stylesheets/index.scss  | 19 ++++++++-----------
 src/assets/stylesheets/intro.scss  |  3 ++-
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/assets/stylesheets/header.scss b/src/assets/stylesheets/header.scss
index a582fd2..d6dcd82 100644
--- a/src/assets/stylesheets/header.scss
+++ b/src/assets/stylesheets/header.scss
@@ -1,13 +1,13 @@
 .header {
-    background: #466685;
-    box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125); 
-    margin-top: -3.2em;
+    background: rgba(0, 0, 0, 0.075);
+    // box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125); 
+    // margin-top: -3.2em;
     padding-top: 1.6em;
     padding-bottom: 1.4em;
 }
 
 .header .split {
-    padding: 0 0.75em;
+    padding: 0 1em;
 }
 
 .header .name {
diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index 9c3e903..a8c48ef 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -15,6 +15,7 @@
 body {
     font-size: 1em;
     margin: 0;
+    padding: 0;
 
     display: flex;
     flex-direction: column;
@@ -22,16 +23,19 @@ body {
 }
 
 html {
-    background: url('../images/nat-pants.png');
-    background-position: center;
+    background: url('../images/header-background.svg') #466685;
+    background-size: cover;
     font-family: "Helvetica Neue", Helvetica, Arial, PingFangTC-Light, "Microsoft YaHei", 微软雅黑, "STHeiti Light", STXihei, "华文细黑", Heiti, 黑体, sans-serif;
+    margin: 0;
+    padding: 0;
 }
 
 #container {
-    background: rgba(255, 255, 255, 0.98);
     background-position: center;
     box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
-    margin: 1.5em auto;
+    margin: 0 auto;
+    margin-bottom: 1em;
+    margin-top: -1em;
     max-width: 64em;
 }
 
@@ -49,13 +53,6 @@ $section-border-radius: 2em;
     border-bottom-right-radius: $section-border-radius;
 }
 
-.header {
-    background: url('../images/header-background.svg') #466685;
-    background-position: center;
-    background-size: cover;
-    background-repeat: no-repeat;
-}
-
 .header .small-labels .group::before, .header .small-labels .label::before {
     color: #eee;
 }
diff --git a/src/assets/stylesheets/intro.scss b/src/assets/stylesheets/intro.scss
index 9d7a66f..dd4c1e7 100644
--- a/src/assets/stylesheets/intro.scss
+++ b/src/assets/stylesheets/intro.scss
@@ -1,5 +1,6 @@
 .intro {
-    margin: 1em 0;
+    background: rgba(255, 255, 255, 0.98);
+    padding: 1em 0;
 }
 
 .intro .block .split {