diff --git a/core/css/usercard.css b/core/css/usercard.css
new file mode 100644
index 0000000..f42544e
--- /dev/null
+++ b/core/css/usercard.css
@@ -0,0 +1,31 @@
+.usercard {
+	--main-text: #000000;
+	background-image: var(--usercard-image, none);
+	background-color: var(--usercard-color, var(--secondary-container-background));
+	color: var(--main-text, #000000);
+	border: 1px solid #7e7e7e;
+	padding: 8px;
+	background-position: 50% 50%;
+	font-family: var(--primary-font);
+	text-shadow: 
+		-1px -1px 0 var(--usercard-outline), 
+		0px -1px 0 var(--usercard-outline), 
+		1px -1px 0 var(--usercard-outline), 
+		-1px 0px 0 var(--usercard-outline), 
+		-1px 1px 0 var(--usercard-outline), 
+		0px 1px 0 var(--usercard-outline), 
+		1px 1px 0 var(--usercard-outline),
+		1px 0px 0 var(--usercard-outline);
+}
+
+.usercard div.aframe {
+	display: inline-block;
+}
+.usercard .aframe {
+	background-size: 100%;
+	width: 128px; height: 128px;
+}
+.usercard .aframe.small {
+	image-rendering: auto;
+	width: 64px; height: 64px;
+}
\ No newline at end of file
diff --git a/core/style.css b/core/style.css
index 74663a3..966ee71 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1,5 +1,6 @@
-/* == BUTTONS */ @import url('css/buttons.css');
-/* = TABBED CONTAINERS */ @import url('css/tabbed-container.css');
+/* BUTTONS */ @import url('css/buttons.css');
+/* TABBED CONTAINERS */ @import url('css/tabbed-container.css');
+/* USER CARD */ @import url('css/usercard.css');
 
 /* Prevent automatic browser scaling and non-linear rendering */
 .pixel,
@@ -232,39 +233,6 @@ div.page-selector div.pagebutton.curpage a:visited {
 div.page-selector div.pagebutton.backpage { border-right: none; }
 div.page-selector div.pagebutton.forwpage { border-left: none; }
 
-/* == USER CARDS */
-.usercard {
-	--main-text: #000000;
-	background-image: var(--usercard-image, none);
-	background-color: var(--usercard-color, var(--secondary-container-background));
-	color: var(--main-text, #000000);
-	border: 1px solid #7e7e7e;
-	padding: 8px;
-	background-position: 50% 50%;
-	font-family: var(--primary-font);
-	text-shadow: 
-		-1px -1px 0 var(--usercard-outline), 
-		0px -1px 0 var(--usercard-outline), 
-		1px -1px 0 var(--usercard-outline), 
-		-1px 0px 0 var(--usercard-outline), 
-		-1px 1px 0 var(--usercard-outline), 
-		0px 1px 0 var(--usercard-outline), 
-		1px 1px 0 var(--usercard-outline),
-		1px 0px 0 var(--usercard-outline);
-}
-
-.usercard div.aframe {
-	display: inline-block;
-}
-.usercard .aframe {
-	background-size: 100%;
-	width: 128px; height: 128px;
-}
-.usercard .aframe.small {
-	image-rendering: auto;
-	width: 64px; height: 64px;
-}
-
 /* == MAIN BODY */
 
 body {