diff --git a/css/style-index.css b/css/style-index.css
index 6039fbab..eb8abf75 100644
--- a/css/style-index.css
+++ b/css/style-index.css
@@ -94,7 +94,7 @@ body {
     font-size: var(--clr-body-bg);
     font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
     color: #FFFFFF;
-    background: #000000;
+    background: var(--clr-body-bg);
     text-align: center;
 }
 
@@ -149,10 +149,10 @@ p {
 }
 
 .index__link:focus {
-    outline-offset: 0.2rem;
-    outline: 0.2rem solid var(--clr-body-txt);
+    outline-offset: 0.2em;
+    outline: 0.2em solid var(--clr-body-txt);
 }
 
 a:focus img {
-    outline: 0.2rem solid var(--clr-body-txt);
+    outline: 0.2em solid var(--clr-body-txt);
 }
\ No newline at end of file
diff --git a/css/style-main.css b/css/style-main.css
index 8d5e55bf..88dfcfa3 100644
--- a/css/style-main.css
+++ b/css/style-main.css
@@ -174,7 +174,7 @@ strong {
 }
 
 :focus {
-    outline: 0.15rem solid var(--clr-body-txt);
+    outline: 0.15em solid var(--clr-body-txt);
 }
 
 a {
@@ -191,7 +191,7 @@ a:not([class]):focus {
 }
 
 a:focus img {
-    outline: 0.2rem solid var(--clr-body-txt);
+    outline: 0.2em solid var(--clr-body-txt);
 }
 
 blockquote {
@@ -207,7 +207,7 @@ button:hover {
 
 button:focus,
 detail:focus {
-    outline-offset: 0.2rem;
+    outline-offset: 0.2em;
 }
 
 pre {
@@ -276,8 +276,8 @@ summary {
 }
 
 .navbar a:focus {
-    outline-offset: 0.3rem;
-    outline: 0.15rem solid var(--clr-navbar-link);
+    outline-offset: 0.3em;
+    outline: 0.15em solid var(--clr-navbar-link);
 }
 
 .nav__menu {
@@ -448,8 +448,8 @@ article, .content-container {
 }
 
 .link-btn:focus {
-    outline-offset: 0.2rem;
-    outline: 0.15rem solid var(--clr-link);
+    outline-offset: 0.2em;
+    outline: 0.15em solid var(--clr-link);
 }
 
 /* Q&A accordion */