Styling error page

styles/atat.scss

@@ -38,6 +38,7 @@
 @import "components/usa_banner";
 @import "components/dod_login_notice.scss";
 @import "components/sticky_cta.scss";
+@import "components/error_page.scss";
 
 @import "sections/login";
 @import "sections/home";

styles/components/_error_page.scss

@@ -0,0 +1,33 @@
+.error-page {
+  max-width: 475px;
+  margin: auto;
+
+  .panel__heading {
+    text-align: center;
+    padding: $gap 0;
+
+    hr {
+      width: 100%;
+      border: 1px solid $color-red;
+    }
+
+    h1 {
+      margin-bottom: $gap;
+    }
+  }
+
+  .panel__body {
+    padding: $gap * 2;
+    margin: 0;
+  }
+
+  .icon {
+    @include icon-size(60);
+  }
+
+  hr {
+    margin-bottom: $gap * 4;
+    width: 80%;
+    border: 0.5px solid $color-gray-light;
+  }
+}