diff --git a/Blue Archive/BlueArchive.css b/Blue Archive/BlueArchive.css
new file mode 100644
index 0000000000..d19b130468
--- /dev/null
+++ b/Blue Archive/BlueArchive.css
@@ -0,0 +1,61 @@
+.charsheet {
+ font-family: "Verdana", "Verdana", sans-serif;
+ /*background: #EEEEEE;
+ color: #222222;
+ background-image: url("");*/
+}
+
+
+.charsheet .sheet-item {
+ padding: 1vh;
+ text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.charsheet label {
+ font-size: inherit;
+ color: inherit;
+}
+
+.charsheet .sheet-col{
+ background: #E6E6E3;
+}
+
+div.a {
+ outline: 2px dashed blue;
+}
+
+/*----------- Details and Summary -------*/
+.charsheet summary {
+ cursor: pointer;
+ display: revert;
+}
+
+.row {
+ display: flex;
+}
+
+.column {
+ flex: 50%;
+ float: left;
+ width: 50%;
+}
+
+/*----------- Tabs Setup -------------*/
+
+
+/*Configure the tab buttons
+.charsheet .sheet-details,
+{
+ display: none;
+}
+
+/* show the selected tab
+.charsheet .sheet-tabstoggle[value="details"] ~ div.sheet-details,
+{
+ display: block;
+}
+
+/*----------- End Tab Setup -----------*/
\ No newline at end of file
diff --git a/Blue Archive/BlueArchive.html b/Blue Archive/BlueArchive.html
new file mode 100644
index 0000000000..8244ecd503
--- /dev/null
+++ b/Blue Archive/BlueArchive.html
@@ -0,0 +1,271 @@
+
+
+