diff --git a/package.json b/package.json
index 96be87b..c5833e5 100644
--- a/package.json
+++ b/package.json
@@ -58,7 +58,7 @@
 		"build:js:app:prod": "npm run build:js:app -- --production",
 		"build:js:app:watch": "nodemon -q -C -x 'npm run build:js:app' -w 'resources/js/' -e '*'",
 
-		"build:scss": "node-sass resources/scss/app.scss public/assets/css/app.min.css",
+		"build:scss": "node-sass resources/scss/style.scss public/assets/css/app.min.css",
 		"build:scss:prod": "npm run build:scss -- --output-style=compressed",
 		"build:scss:watch": "npm run build:scss -- --watch",
 
diff --git a/public/index.html b/public/index.html
index 9df5f98..2d16e61 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,7 +18,10 @@
 		<link rel="preload" as="font" href="https://fonts.gstatic.com/s/quicksand/v9/6xKodSZaM9iE8KbpRA_pkHEYT8L_FYzokA.woff2" type="font/woff2" crossorigin="anonymous">
 	</head>
 	<body>
-		<div id="app" ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController" ng-class="['layout-' + layout]" ng-include="'partials/index.html'" onload="init()" ng-csp></div>
+		<div class="do-app">
+			<div id="app" ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController"
+				 ng-class="['layout-' + layout]" ng-include="'partials/index.html'" onload="init()" ng-csp></div>
+		</div>
 		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3084378-31"></script>
 		<script>
 			window.dataLayer = window.dataLayer || [];
diff --git a/resources/scss/_app.scss b/resources/scss/_app.scss
new file mode 100644
index 0000000..6b407fd
--- /dev/null
+++ b/resources/scss/_app.scss
@@ -0,0 +1,7 @@
+#app {
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
diff --git a/resources/scss/_body.scss b/resources/scss/_body.scss
index 6b407fd..c2d2881 100644
--- a/resources/scss/_body.scss
+++ b/resources/scss/_body.scss
@@ -1,7 +1,9 @@
-#app {
-	display: flex;
-	flex-direction: column;
-	min-height: 100vh;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+body {
+	padding: 0;
+	margin: 0;
+	font-size: 1rem;
+	font-weight: 400;
+	line-height: 1.5;
+	color: #212529;
+	text-align: left;
 }
diff --git a/resources/scss/_fonts.scss b/resources/scss/_fonts.scss
new file mode 100644
index 0000000..e2cd035
--- /dev/null
+++ b/resources/scss/_fonts.scss
@@ -0,0 +1,39 @@
+@font-face {
+	font-family: 'Sailec';
+	src: url('../fonts/Sailec-Regular.woff2') format('woff2'),
+	url('../fonts/Sailec-Regular.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Sailec';
+	src: url('../fonts/Sailec-Bold.woff2') format('woff2'),
+	url('../fonts/Sailec-Bold.woff') format('woff');
+	font-weight: bold;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Sailec';
+	src: url('../fonts/Sailec-Light.woff2') format('woff2'),
+	url('../fonts/Sailec-Light.woff') format('woff');
+	font-weight: 300;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Sailec';
+	src: url('../fonts/Sailec-Medium.woff2') format('woff2'),
+	url('../fonts/Sailec-Medium.woff') format('woff');
+	font-weight: 500;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Sailec';
+	src: url('../fonts/Sailec-LightItalic.woff2') format('woff2'),
+	url('../fonts/Sailec-LightItalic.woff') format('woff');
+	font-weight: 300;
+	font-style: italic;
+}
diff --git a/resources/scss/app.scss b/resources/scss/app.scss
deleted file mode 100644
index a12ad8a..0000000
--- a/resources/scss/app.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-@import 'variables';
-
-@import 'vendor/bootstrap';
-@import 'vendor/highlight-js';
-@import 'vendor/angular-tooltips';
-@import 'vendor/notie';
-
-@import 'typography';
-
-@import 'body';
-@import 'header';
-@import 'steps';
-@import 'main';
-@import 'codes';
-@import 'sidebar';
-@import 'footer';
-
-@import 'utilities';
-
-@import 'layout/do';
diff --git a/resources/scss/layout/_do.scss b/resources/scss/layout/_do.scss
index 8c9366e..4ba142c 100644
--- a/resources/scss/layout/_do.scss
+++ b/resources/scss/layout/_do.scss
@@ -1,45 +1,3 @@
-@font-face {
-	font-family: 'Sailec';
-	src: url('../fonts/Sailec-Regular.woff2') format('woff2'),
-		url('../fonts/Sailec-Regular.woff') format('woff');
-	font-weight: normal;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Sailec';
-	src: url('../fonts/Sailec-Bold.woff2') format('woff2'),
-		url('../fonts/Sailec-Bold.woff') format('woff');
-	font-weight: bold;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Sailec';
-	src: url('../fonts/Sailec-Light.woff2') format('woff2'),
-		url('../fonts/Sailec-Light.woff') format('woff');
-	font-weight: 300;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Sailec';
-	src: url('../fonts/Sailec-Medium.woff2') format('woff2'),
-		url('../fonts/Sailec-Medium.woff') format('woff');
-	font-weight: 500;
-	font-style: normal;
-}
-
-@font-face {
-	font-family: 'Sailec';
-	src: url('../fonts/Sailec-LightItalic.woff2') format('woff2'),
-		url('../fonts/Sailec-LightItalic.woff') format('woff');
-	font-weight: 300;
-	font-style: italic;
-}
-
-
-
 #app.layout-do {
 	font-family: 'Sailec', sans-serif;
 
diff --git a/resources/scss/style.scss b/resources/scss/style.scss
new file mode 100644
index 0000000..2227987
--- /dev/null
+++ b/resources/scss/style.scss
@@ -0,0 +1,24 @@
+@import 'variables';
+@import 'body';
+@import 'fonts';
+
+.do-app {
+	@import 'vendor/bootstrap';
+	@import 'vendor/highlight-js';
+	@import 'vendor/angular-tooltips';
+	@import 'vendor/notie';
+
+	@import 'typography';
+
+	@import 'app';
+	@import 'header';
+	@import 'steps';
+	@import 'main';
+	@import 'codes';
+	@import 'sidebar';
+	@import 'footer';
+
+	@import 'utilities';
+
+	@import 'layout/do';
+}
