diff --git a/assets/css/partners.css b/assets/css/partners.css
new file mode 100644
index 0000000000..be2737e3a6
--- /dev/null
+++ b/assets/css/partners.css
@@ -0,0 +1,26 @@
+.partner-images {
+    display: flex;
+    flex-direction: row;
+    max-width: 900px;
+    justify-content: center;
+    margin: 30px;
+}
+
+.partner-images > a {
+    height: 75px;
+    width: auto;
+    padding: 0 30px;
+    margin: 30px 0;
+}
+
+@media only screen and (max-width: 850px) {
+    .partner-images {
+        flex-direction: column;
+    }
+
+    .partner-images > img {
+        height: auto;
+        margin: 30px 0;
+        padding: 0;
+    }
+}
diff --git a/layouts/shortcodes/partners.html b/layouts/shortcodes/partners.html
index 1f567d6840..5329aa2249 100644
--- a/layouts/shortcodes/partners.html
+++ b/layouts/shortcodes/partners.html
@@ -9,32 +9,3 @@
         <img src="/images/logos/nvidia.png" width="200" alt="Logo of NVIDIA" />
     </a>
 </div>
-
-<style>
-    .partner-images {
-        display: flex;
-        flex-direction: row;
-        max-width: 900px;
-        justify-content: center;
-        margin: 30px;
-    }
-
-    .partner-images > a {
-        height: 75px;
-        width: auto;
-        padding: 0 30px;
-        margin: 30px 0;
-    }
-
-    @media only screen and (max-width: 850px) {
-        .partner-images {
-            flex-direction: column;
-        }
-
-        .partner-images > img {
-            height: auto;
-            margin: 30px 0;
-            padding: 0;
-        }
-    }
-</style>