diff --git a/resources/report/css/style.css b/resources/report/css/style.css
index 8278afef..ac32215c 100644
--- a/resources/report/css/style.css
+++ b/resources/report/css/style.css
@@ -21,139 +21,6 @@
     along with LOOT.  If not, see
     <http://www.gnu.org/licenses/>.
 */
-/* Font definitions */
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 300;
-    src: url('../fonts/Roboto-Light.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 300;
-    src: url('../fonts/Roboto-LightItalic.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    src: url('../fonts/Roboto-Regular.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 400;
-    src: url('../fonts/Roboto-Italic.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 500;
-    src: url('../fonts/Roboto-Medium.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 500;
-    src: url('../fonts/Roboto-MediumItalic.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 700;
-    src: url('../fonts/Roboto-Bold.ttf');
-}
-@font-face {
-    font-family: 'Roboto';
-    font-style: italic;
-    font-weight: 700;
-    src: url('../fonts/Roboto-BoldItalic.ttf');
-}
-
-/* Typography */
-html {
-    font:11pt/1.429 Roboto, sans-serif;
-    color: rgba(0, 0, 0, 0.87);
-    font-weight: 400;
-    text-rendering: optimizeLegibility;
-}
-.display4 {
-    font-weight: 300;
-    font-size: 8rem;
-    color: rgba(0, 0, 0, 0.54);
-    /*letter-spacing: -0.01em;*/
-}
-.display3 {
-    font-weight: 400;
-    font-size: 4rem;
-    color: rgba(0, 0, 0, 0.54);
-    /*letter-spacing: -0.005em;*/
-}
-.display2 {
-    font-weight: 400;
-    font-size: 3.214rem;
-    color: rgba(0, 0, 0, 0.54);
-    line-height: 1.067;
-}
-.display1 {
-    font-weight: 400;
-    font-size: 2.429rem;
-    color: rgba(0, 0, 0, 0.54);
-    line-height: 1.176;
-}
-.headline {
-    font-weight: 400;
-    font-size: 1.714rem;
-    line-height: 1.333;
-}
-.title {
-    font-weight: 500;
-    font-size: 1.429rem;
-    /*letter-spacing: 0.005em;*/
-}
-.subhead,
-#summary > h1,
-html /deep/ paper-item {
-    font-weight: 400;
-    font-size: 1.143rem;
-    line-height: 1.75;
-    /* Alternate line height: */
-    /* line-height: 1.5; */
-    /*letter-spacing: 0.01em;*/
-}
-.body2,
-html /deep/ paper-tabs,
-html /deep/ paper-menu-button paper-item,
-html /deep/ paper-menu-button paper-checkbox {
-    font-weight: 500;
-    font-size: 1rem;
-    line-height: 1.714;
-    /*letter-spacing: 0.01em;*/
-}
-.body1,
-html /deep/ paper-checkbox,
-paper-toast {
-    font-weight: 400;
-    font-size: 1rem;
-    line-height: 1.429;
-    /*letter-spacing: 0.01em;*/
-}
-.caption {
-    font-weight: 400;
-    font-size: 0.857rem;
-    color: rgba(0, 0, 0, 0.54);
-    /*letter-spacing: 0.02em;*/
-}
-.button, html /deep/ paper-button {
-    font-weight: 500;
-    font-size: 1rem;
-    text-transform: uppercase;
-    /*letter-spacing: 0.01em;*/
-}
-.display4.dark, .display3.dark, .display2.dark, .display1.dark, .caption.dark {
-    color: rgba(255, 255, 255, 0.7);
-}
 
 /* Misc */
 ::-webkit-scrollbar-corner {
diff --git a/resources/report/css/typography.css b/resources/report/css/typography.css
new file mode 100644
index 00000000..1c2f6a67
--- /dev/null
+++ b/resources/report/css/typography.css
@@ -0,0 +1,133 @@
+/* Font definitions */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: url('../fonts/Roboto-Light.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 300;
+    src: url('../fonts/Roboto-LightItalic.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: url('../fonts/Roboto-Regular.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 400;
+    src: url('../fonts/Roboto-Italic.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: url('../fonts/Roboto-Medium.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 500;
+    src: url('../fonts/Roboto-MediumItalic.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 700;
+    src: url('../fonts/Roboto-Bold.ttf');
+}
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 700;
+    src: url('../fonts/Roboto-BoldItalic.ttf');
+}
+
+/* Typography */
+html {
+    font:11pt/1.429 Roboto, sans-serif;
+    color: rgba(0, 0, 0, 0.87);
+    font-weight: 400;
+    text-rendering: optimizeLegibility;
+}
+.display4 {
+    font-weight: 300;
+    font-size: 8rem;
+    color: rgba(0, 0, 0, 0.54);
+    /*letter-spacing: -0.01em;*/
+}
+.display3 {
+    font-weight: 400;
+    font-size: 4rem;
+    color: rgba(0, 0, 0, 0.54);
+    /*letter-spacing: -0.005em;*/
+}
+.display2 {
+    font-weight: 400;
+    font-size: 3.214rem;
+    color: rgba(0, 0, 0, 0.54);
+    line-height: 1.067;
+}
+.display1 {
+    font-weight: 400;
+    font-size: 2.429rem;
+    color: rgba(0, 0, 0, 0.54);
+    line-height: 1.176;
+}
+.headline {
+    font-weight: 400;
+    font-size: 1.714rem;
+    line-height: 1.333;
+}
+.title {
+    font-weight: 500;
+    font-size: 1.429rem;
+    /*letter-spacing: 0.005em;*/
+}
+.subhead,
+#summary > h1,
+html /deep/ paper-item {
+    font-weight: 400;
+    font-size: 1.143rem;
+    line-height: 1.75;
+    /* Alternate line height: */
+    /* line-height: 1.5; */
+    /*letter-spacing: 0.01em;*/
+}
+.body2,
+html /deep/ paper-tabs,
+html /deep/ paper-menu-button paper-item,
+html /deep/ paper-menu-button paper-checkbox {
+    font-weight: 500;
+    font-size: 1rem;
+    line-height: 1.714;
+    /*letter-spacing: 0.01em;*/
+}
+.body1,
+html /deep/ paper-checkbox,
+paper-toast {
+    font-weight: 400;
+    font-size: 1rem;
+    line-height: 1.429;
+    /*letter-spacing: 0.01em;*/
+}
+.caption {
+    font-weight: 400;
+    font-size: 0.857rem;
+    color: rgba(0, 0, 0, 0.54);
+    /*letter-spacing: 0.02em;*/
+}
+.button, html /deep/ paper-button {
+    font-weight: 500;
+    font-size: 1rem;
+    text-transform: uppercase;
+    /*letter-spacing: 0.01em;*/
+}
+.display4.dark, .display3.dark, .display2.dark, .display1.dark, .caption.dark {
+    color: rgba(255, 255, 255, 0.7);
+}
diff --git a/resources/report/report.html b/resources/report/report.html
index 60035646..b27cd6a4 100644
--- a/resources/report/report.html
+++ b/resources/report/report.html
@@ -2,6 +2,7 @@
 <head>
     <meta charset="utf-8" />
     <title>LOOT</title>
+    <link rel="stylesheet" href="css/typography.css" />
     <link rel="stylesheet" href="css/style.css" />
     <link rel="stylesheet" href="css/material.css" />
     <link rel="stylesheet" href="css/overrides.css" />