diff --git a/resources/images/background-2x.png b/resources/images/background-2x.png
new file mode 100755
index 0000000..0797290
Binary files /dev/null and b/resources/images/background-2x.png differ
diff --git a/resources/images/background.png b/resources/images/background.png
new file mode 100755
index 0000000..542bd95
Binary files /dev/null and b/resources/images/background.png differ
diff --git a/resources/styles/_common.scss b/resources/styles/_common.scss
index 3ea5003..ee625d9 100644
--- a/resources/styles/_common.scss
+++ b/resources/styles/_common.scss
@@ -60,7 +60,14 @@
   }
 }
 
+$section-safe-margin: 0.5rem;
+
 .section {
+  padding: $section-safe-margin;
+  margin: -$section-safe-margin;
+
+  background: rgba(white, 0.85);
+
   margin-bottom: 1rem;
 
   .section__title {
diff --git a/resources/styles/main.scss b/resources/styles/main.scss
index c0ebdd6..5304c5c 100644
--- a/resources/styles/main.scss
+++ b/resources/styles/main.scss
@@ -100,10 +100,12 @@ body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
+  background: url("../images/background.png") repeat-x center bottom 63px;
 
   main {
     flex: 1 1 auto;
     position: relative;
+    margin-bottom: 2rem;
 
     > * {
       transition: opacity .3s ease-in-out;
diff --git a/webpack.config.js b/webpack.config.js
index 0382428..314ae97 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -36,7 +36,7 @@ const config = {
             test: /\.s[ac]ss$/,
             use: [{
                 loader: MiniCssExtractPlugin.loader,
-            }, "css-loader?sourceMap", "sass-loader?sourceMap"]
+            }, "css-loader?sourceMap&url=false", "sass-loader?sourceMap&url=false"]
         }, {
             test: /\.css$/,
             use: ["style-loader", "css-loader"]