diff --git a/docs/Elicitacoes/AnaliseProtocolo.md b/docs/Elicitacoes/AnaliseProtocolo.md
index 9ef7614..9b87720 100644
--- a/docs/Elicitacoes/AnaliseProtocolo.md
+++ b/docs/Elicitacoes/AnaliseProtocolo.md
@@ -17,10 +17,12 @@ Trata-se de um método onde o usuário é solicitado a realizar uma tarefa enqua
Todas as descrições e ações do usuário são feitas em voz alta para que o Analisador consiga acompanhar cada passo e classifica-los por prioridades.
**Vídeo da Analise do modo sobrevivência, Hardcore e multiplayer**
-
+
+
**Vídeo da Analise do criativo**
-
+
+
## AP01
##Análise de Protocolo 1
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index 6bdd13a..8681ca1 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -60,3 +60,118 @@ thead{
background: #252525;
color: #fff;
}
+
+iframe{
+ width: 100%;
+ height: 405px;
+ border: none;
+ background: #252422;
+ padding: 20px;
+}
+
+.img-iframe{
+ margin-top: -25px;
+ width: 100%;
+}
+
+:root, [data-md-color-scheme=default] {
+ --md-hue: 225deg;
+ --md-default-fg-color: #000000de;
+ --md-default-fg-color--light: #000000;
+ --md-default-fg-color--lighter: #00000052;
+ --md-default-fg-color--lightest: #00000012;
+ --md-default-bg-color: #fff;
+ --md-default-bg-color--light: #ffffffb3;
+ --md-default-bg-color--lighter: #ffffff4d;
+ --md-default-bg-color--lightest: #ffffff1f;
+ --md-code-fg-color: #36464e;
+ --md-code-bg-color: #f5f5f5;
+ --md-code-hl-color: #4287ff;
+ --md-code-hl-color--light: #4287ff1a;
+ --md-code-hl-number-color: #d52a2a;
+ --md-code-hl-special-color: #db1457;
+ --md-code-hl-function-color: #a846b9;
+ --md-code-hl-constant-color: #6e59d9;
+ --md-code-hl-keyword-color: #3f6ec6;
+ --md-code-hl-string-color: #1c7d4d;
+ --md-code-hl-name-color: var(--md-code-fg-color);
+ --md-code-hl-operator-color: var(--md-default-fg-color--light);
+ --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
+ --md-code-hl-comment-color: var(--md-default-fg-color--light);
+ --md-code-hl-generic-color: var(--md-default-fg-color--light);
+ --md-code-hl-variable-color: var(--md-default-fg-color--light);
+ --md-typeset-color: var(--md-default-fg-color);
+ --md-typeset-a-color: var(--md-primary-fg-color);
+ --md-typeset-del-color: #f5503d26;
+ --md-typeset-ins-color: #0bd57026;
+ --md-typeset-kbd-color: #fafafa;
+ --md-typeset-kbd-accent-color: #fff;
+ --md-typeset-kbd-border-color: #b8b8b8;
+ --md-typeset-mark-color: #ffff0080;
+ --md-typeset-table-color: #0000001f;
+ --md-typeset-table-color--light: rgba(0, 0, 0, .035);
+ --md-admonition-fg-color: var(--md-default-fg-color);
+ --md-admonition-bg-color: var(--md-default-bg-color);
+ --md-warning-fg-color: #000000de;
+ --md-warning-bg-color: #ff9;
+ --md-footer-fg-color: #fff;
+ --md-footer-fg-color--light: #ffffffb3;
+ --md-footer-fg-color--lighter: #ffffff73;
+ --md-footer-bg-color: #000000de;
+ --md-footer-bg-color--dark: #00000052;
+ --md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
+ --md-shadow-z2: 0 0.2rem 0.5rem #0000001a, 0 0 0.05rem #00000040;
+ --md-shadow-z3: 0 0.2rem 0.5rem #0003, 0 0 0.05rem #00000059;
+}
+
+[data-md-color-scheme=slate] {
+ --md-default-fg-color: hsla(var(--md-hue), 15%, 90%, 0.82);
+ --md-default-fg-color--light: #fff;
+ --md-default-fg-color--lighter: hsla(var(--md-hue), 15%, 90%, 0.32);
+ --md-default-fg-color--lightest: hsla(var(--md-hue), 15%, 90%, 0.12);
+ --md-default-bg-color: hsla(var(--md-hue), 15%, 14%, 1);
+ --md-default-bg-color--light: hsla(var(--md-hue), 15%, 14%, 0.54);
+ --md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 14%, 0.26);
+ --md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 14%, 0.07);
+ --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 0.82);
+ --md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1);
+ --md-code-hl-color: #2977ff;
+ --md-code-hl-color--light: #2977ff1a;
+ --md-code-hl-number-color: #e6695b;
+ --md-code-hl-special-color: #f06090;
+ --md-code-hl-function-color: #c973d9;
+ --md-code-hl-constant-color: #9383e2;
+ --md-code-hl-keyword-color: #6791e0;
+ --md-code-hl-string-color: #2fb170;
+ --md-code-hl-name-color: var(--md-code-fg-color);
+ --md-code-hl-operator-color: var(--md-default-fg-color--light);
+ --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
+ --md-code-hl-comment-color: var(--md-default-fg-color--light);
+ --md-code-hl-generic-color: var(--md-default-fg-color--light);
+ --md-code-hl-variable-color: var(--md-default-fg-color--light);
+ --md-typeset-color: var(--md-default-fg-color);
+ --md-typeset-a-color: var(--md-primary-fg-color);
+ --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 90%, 0.12);
+ --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 90%, 0.2);
+ --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
+ --md-typeset-mark-color: #4287ff4d;
+ --md-typeset-table-color: hsla(var(--md-hue), 15%, 95%, 0.12);
+ --md-typeset-table-color--light: hsla(var(--md-hue), 15%, 95%, 0.035);
+ --md-admonition-fg-color: var(--md-default-fg-color);
+ --md-admonition-bg-color: var(--md-default-bg-color);
+ --md-footer-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87);
+ --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 8%, 1);
+ --md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
+ --md-shadow-z2: 0 0.2rem 0.5rem #00000040, 0 0 0.05rem #00000040;
+ --md-shadow-z3: 0 0.2rem 0.5rem #0006, 0 0 0.05rem #00000059;
+ color-scheme: dark;
+}
+
+[data-md-color-primary=black] {
+ --md-primary-fg-color: hsla(var(--md-hue), 15%, 9%, 1);
+ --md-primary-fg-color--light: hsla(var(--md-hue), 15%, 9%, 0.54);
+ --md-primary-fg-color--dark: hsla(var(--md-hue), 15%, 9%, 1);
+ --md-primary-bg-color: hsla(var(--md-hue), 15%, 100%, 1);
+ --md-primary-bg-color--light: hsla(var(--md-hue), 15%, 100%, 0.7);
+ --md-typeset-a-color: #4051b5;
+}
\ No newline at end of file
diff --git a/docs/assets/imgs/transition-grey-6.png b/docs/assets/imgs/transition-grey-6.png
new file mode 100644
index 0000000..dd21cd3
Binary files /dev/null and b/docs/assets/imgs/transition-grey-6.png differ