diff --git a/index.html b/index.html
index 2b8e90e..9ecce41 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,10 @@
   <script type="module">
     document.documentElement.classList.remove("no-js");
     document.documentElement.classList.add("js");
+
+    window.onload = function () {
+      document.body.style.opacity = "1";
+    }
   </script>
 
   <meta name="description" content="Securely request information via SURE links" />
@@ -37,7 +41,7 @@
   <meta name="msapplication-starturl" content="/" />
 </head>
 
-<body>
+<body style="opacity: 0; background-color: #11191f;">
   <header class="container">
     <hgroup>
       <h1>
diff --git a/src/style.css b/src/style.css
index 2bbafba..58868e7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,11 +1,11 @@
-.js-warning {
-  display: none;
-}
-
-.no-js .js-warning {
-  display: flex;
-}
-
-.hidden {
-  display: none;
-}
+.js-warning {
+  display: none;
+}
+
+.no-js .js-warning {
+  display: flex;
+}
+
+body {
+  transition: opacity 1s ease-in-out;
+}
