diff --git a/README.md b/README.md
index a3af736..4bafd0c 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,3 @@
-
 # clay.css
 
 Extensible and configurable micro CSS util class and SASS mixin for adding claymorphism styles to your components.
@@ -16,6 +15,7 @@ It features inflated fluffy 3D elements which look charming and introduce a much
 What sets claymorphism apart from neumorphism is that it floats above the background instead of being connected to it, eliminating accessibility issues and design restrictions of the latter.
 
 ## Installation
+
 ### CDN
 
 ```
@@ -42,15 +42,14 @@ Download and add the `dist/clay.css` or `dist/clay.scss` manually.
 ## Usage
 
 This is a minimal, single class CSS util that applies only basic claymorphism styles:
-* Background
-* Border radius
-* One outset shadow
-* Two inset shadows
+
+- Background
+- Border radius
+- One outset shadow
+- Two inset shadows
 
 ```html
-<div class="clay">
-  Fluffy ipsum dolor sit amet consectetur...
-</div>
+<div class="clay">Fluffy ipsum dolor sit amet consectetur...</div>
 ```
 
 ![](./docs/example1.png)
@@ -58,13 +57,11 @@ This is a minimal, single class CSS util that applies only basic claymorphism st
 This CSS class allows you to easily change the claymorphic styles via CSS properies. These changes and additional styles should be applied with the extending class.
 
 ```html
-<div class="clay card">
-  Fluffy ipsum dolor sit amet consectetur...
-</div>
+<div class="clay card">Fluffy ipsum dolor sit amet consectetur...</div>
 ```
 
 ```css
-.card{
+.card {
   /* Modify clay.css properties */
   --clay-background: #f76d6d;
   --clay-border-radius: 48px;
@@ -77,7 +74,6 @@ This CSS class allows you to easily change the claymorphic styles via CSS proper
 
 ![](./docs/example2.png)
 
-
 ## Options (CSS Variables)
 
 ```
@@ -89,6 +85,7 @@ This CSS class allows you to easily change the claymorphic styles via CSS proper
 ```
 
 ![](https://codeadrian.github.io/clay.css/assets/diagram-min.png)
+![](https://github.com/MaxPScript/clay.css/blob/master/docs/shadow_outset.png '--clay-shadow-outset')
 
 ## SASS Mixin
 
@@ -106,7 +103,6 @@ SASS mixin allows you more flexibility in applying claymorphism styles to your c
 );
 ```
 
-
 ## FAQ
 
 ### How do I apply claymorphism styles to pseudo-elements or pseudo-selectors?
@@ -118,12 +114,11 @@ If you are using vanilla CSS and a util class, you cannot apply it to pseudo-ele
 You'll have to apply the following styles manually. Check out the default values provided by the `clay` class.
 
 ```css
-  background: [value];
-  border-radius: [value];
-  box-shadow: [value];
+background: [value];
+border-radius: [value];
+box-shadow: [value];
 ```
 
-
 ### Why not build the entire framework / design system?
 
 This is a relatively new and unexplored concept, so I didn't want to build an entire design system or a CSS framework that enforces styles on buttons. inputs, nav, cards and other elements, etc. and end up with accessibility issues and a framework that is hard to maintain.
@@ -136,4 +131,4 @@ I've built a [demo page](https://codeadrian.github.io/clay.css/) and it was real
 
 If you enjoy using clay.css, please consider supporting the development of the project. Your name and link will appear here.
 
-[Become a sponsor!](https://www.buymeacoffee.com/ubnZ8GgDJ/e/52580)
\ No newline at end of file
+[Become a sponsor!](https://www.buymeacoffee.com/ubnZ8GgDJ/e/52580)
diff --git a/docs/shadow_outset.png b/docs/shadow_outset.png
new file mode 100644
index 0000000..bdb506e
Binary files /dev/null and b/docs/shadow_outset.png differ