diff --git a/README.md b/README.md
index aa470a3..b3e1476 100644
--- a/README.md
+++ b/README.md
@@ -15,7 +15,7 @@ What sets claymorphism apart from neumorphism is that it floats above the backgr
 ## Installation
 ### CDN
 
-```
+```html
 <link
   rel="stylesheet"
   href="https://unpkg.com/claymorphism-css/dist/clay.css"
@@ -77,7 +77,7 @@ This CSS class allows you to easily change the claymorphic styles via CSS proper
 
 ## Options (CSS Variables)
 
-```
+```css
 --clay-background
 --clay-border-radius
 --clay-shadow-outset
@@ -91,7 +91,7 @@ This CSS class allows you to easily change the claymorphic styles via CSS proper
 
 SASS mixin allows you more flexibility in applying claymorphism styles to your components. For example, this way you can easily add styles to pseudo-elements or pseudo-selectors or use the mixin in other SASS mixins or functions.
 
-```
+```scss
 @import "claymorphism-css/dist/clay.scss";
 
 @import @include clay(
@@ -115,9 +115,9 @@ 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];
 ```
 
 
@@ -133,4 +133,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)