From 42ae87a863fa5a02fab42c868bbe9deae2bcbcbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9C=D0=B8=D1=88=D0=B0=20=D0=91=D0=B0=D1=80=D1=81=D0=B5?=
 =?UTF-8?q?=D0=B3=D1=8F=D0=BD?=
 <32730665+mihansweatpants@users.noreply.github.com>
Date: Sat, 20 Apr 2019 19:28:13 +0300
Subject: [PATCH] Fix typo

Correct DOOM to DOM
---
 8-web-components/6-shadow-dom-style/article.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/8-web-components/6-shadow-dom-style/article.md b/8-web-components/6-shadow-dom-style/article.md
index ed03492c3..66e5cc13d 100644
--- a/8-web-components/6-shadow-dom-style/article.md
+++ b/8-web-components/6-shadow-dom-style/article.md
@@ -194,7 +194,7 @@ Here `<p>John Smith</p>` becomes bold, because CSS inheritance is in effect betw
 
 Another option is to use `::slotted(selector)` pseudo-class. It matches elements based on two conditions:
 
-1. The element from the light DOOM that is inserted into a `<slot>`. Then slot name doesn't matter. Just any slotted element, but only the element itself, not its children.
+1. The element from the light DOM that is inserted into a `<slot>`. Then slot name doesn't matter. Just any slotted element, but only the element itself, not its children.
 2. The element matches the `selector`.
 
 In our example, `::slotted(div)` selects exactly `<div slot="username">`, but not its children: