diff --git a/css/src/style.scss b/css/src/style.scss
index 735daed..c265bde 100644
--- a/css/src/style.scss
+++ b/css/src/style.scss
@@ -424,31 +424,6 @@ a {
   //
 }
 
-@media (max-width: 600px) {
-  .nationLayout {
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-@media (min-width: 601px) {
-  .nationLayout {
-    display: flex;
-    flex-direction: row;
-  }
-}
-
-.nationFlag {
-  border-radius: 12px;
-}
-
-.nationCoreInfo {
-  flex-grow: 1;
-  display: flex;
-  gap: 1rem;
-  flex-direction: column;
-  flex-wrap: wrap;
-}
 
 .pageFooter {
   opacity: 0.8;
diff --git a/template/nation.twig b/template/nation.twig
index 81c45bc..0702ad0 100644
--- a/template/nation.twig
+++ b/template/nation.twig
@@ -19,5 +19,36 @@
   </div>
 </main>
 
+<style>
+/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
+  
+@media (max-width: 600px) {
+  .nationLayout {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 601px) {
+  .nationLayout {
+    display: flex;
+    flex-direction: row;
+  }
+}
+
+.nationFlag {
+  border-radius: 12px;
+}
+
+.nationCoreInfo {
+  flex-grow: 1;
+  display: flex;
+  gap: 1rem;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+</style>
+
 {% include 'includes/footer.twig' %}
 {% include 'includes/foot.twig' %}
\ No newline at end of file