diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css
index 837adf6..59d1e35 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/css/app.css
@@ -81,7 +81,7 @@ html, body, #app {
content: "An error has occurred."
}
-#loading-progress {
+.loading-progress {
display: flex;
width: 100vw;
height: 100vh;
@@ -90,7 +90,7 @@ html, body, #app {
animation: loading-background 4s linear infinite;
}
- #loading-progress > #loading-icon {
+ .loading-progress > #loading-icon {
max-width: 200px;
max-height: 200px;
animation: loading-icon 4s ease-in-out infinite;
@@ -114,6 +114,10 @@ html, body, #app {
text-decoration: none;
}
+:focus-visible {
+ outline: none;
+}
+
@keyframes loading-background {
0% {
background: rgb(0, 0, 0, 0.2);
diff --git a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html
index 0b38306..737736d 100644
--- a/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html
+++ b/src/GameIdeas/Client/GameIdeas.BlazorApp/wwwroot/index.html
@@ -14,10 +14,9 @@
-
-
-
-
+
+
+