diff --git a/css/style.css b/css/style.css
index b0b1fa3..3c2f426 100644
--- a/css/style.css
+++ b/css/style.css
@@ -40,6 +40,7 @@ body {
 	padding-top: 20px;
 	min-width: 800px;
 	width: 100%;
+	scrollbar-width: thin;
 
 	-webkit-transition: all 600ms;
 	-moz-transition: all 600ms;
@@ -100,11 +101,13 @@ blockquote {
 .yin {
 	background: #fdfdfd;
 	color: #111;
+	scrollbar-color: #111 #fdfdfd;
 }
 
 .yang {
 	background-color: #111;
 	color: #fafafa;
+	scrollbar-color: #fafafa #111;
 }
 
 .ui {
@@ -508,6 +511,32 @@ a:hover {
 	height: 100%;
 }
 
+/*********************************************
+ * SCROLLBAR
+ *********************************************/
+
+body::-webkit-scrollbar {
+  width: 10px;
+}
+
+.yin::-webkit-scrollbar-track {
+  background-color: #fafafa;
+}
+
+.yin::-webkit-scrollbar-thumb {
+  background-color: #111;
+	border-right: 2px solid #fafafa;
+}
+
+.yang::-webkit-scrollbar-track {
+  background-color: #111;
+}
+
+.yang::-webkit-scrollbar-thumb {
+  background-color: #fdfdfd;
+	border-right: 2px solid #111;
+}
+
 /*********************************************
  * PRINT
  *********************************************/