Add reactified challenge success modal

client/less/classic-modal.less

@@ -0,0 +1,34 @@
+.challenge-success-modal {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 50vh;
+
+  .modal-header {
+    margin-bottom: 0;
+
+    .close {
+      color: #eee;
+      font-size: 4rem;
+      opacity: 0.6;
+      transition: all 300ms ease-out;
+      margin-top: 0;
+      padding-left: 0;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+
+  .modal-body {
+    padding: 35px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .fa {
+      margin-right: 0;
+    }
+  }
+}

client/less/main.less

@@ -1203,3 +1203,4 @@ and (max-width : 400px)  {
 @import "map.less";
 @import "drawers.less";
 @import "sk-wave.less";
+@import "classic-modal.less";