rearrange order of fonts and variables

diff --git a/theme/css/style.css b/theme/css/style.css
index e96a1bdad201b7beb26e3a8626cca95c1b37ba7a..7ab5ca0a805d426139d2315777ecaac4cbc39da6 100644 (file)
--- a/theme/css/style.css
+++ b/theme/css/style.css
@@ -1,33 +1,3 @@
-/* VARIABLES */
-
-:root {  --content-width: 900px;}
-:root {  --website-background: #424242;}
-
-:root {  --colorblack: #000000;}
-:root {  --colordark: #666666;}
-:root {  --colorlight: #FFFFFF;}
-
-:root {  --color-01: #DBA901;} 
-:root {  --color-02: #DF3A01;}
-:root {  --color-gray-01: #E6E6E6;}
-
-:root {  --fontsize-s: 12px;}
-:root {  --fontsize-m: 14px;} /* Font Size Default */
-:root {  --fontsize-l: 24px;} 
-:root {  --fontsize-xl: 34px;} 
-:root {  --fontsize-xxl: 64px;} 
-:root {  --lineheight-00: 1.4;} /* Line Height Default */
-:root {  --lineheight-01: 1.2;} 
-
-:root {  --space-below-00: 5px;} 
-:root {  --space-below-01: 15px;} 
-:root {  --space-below-02: 25px;} 
-:root {  --side-space-01: 15px;} 
-:root {  --side-space-02: 25px;} 
-:root {  --gap-01: 15px;} 
-:root {  --animation-01: all 0.4s ease-in-out 0s;} 
-
-
 /* FONTS */
 
 @font-face {
@@ -121,6 +91,35 @@
 }
 
 
+/* VARIABLES */
+:root {  --content-width: 900px;}
+:root {  --website-background: #424242;}
+
+:root {  --colorblack: #000000;}
+:root {  --colordark: #666666;}
+:root {  --colorlight: #FFFFFF;}
+
+:root {  --color-01: #DBA901;} 
+:root {  --color-02: #DF3A01;}
+:root {  --color-gray-01: #E6E6E6;}
+
+:root {  --fontsize-s: 12px;}
+:root {  --fontsize-m: 14px;} /* Font Size Default */
+:root {  --fontsize-l: 24px;} 
+:root {  --fontsize-xl: 34px;} 
+:root {  --fontsize-xxl: 64px;} 
+:root {  --lineheight-00: 1.4;} /* Line Height Default */
+:root {  --lineheight-01: 1.2;} 
+
+:root {  --space-below-00: 5px;} 
+:root {  --space-below-01: 15px;} 
+:root {  --space-below-02: 25px;} 
+:root {  --side-space-01: 15px;} 
+:root {  --side-space-02: 25px;} 
+:root {  --gap-01: 15px;} 
+:root {  --animation-01: all 0.4s ease-in-out 0s;} 
+
+
 * {margin: 0;padding: 0;box-sizing: border-box;}
 header, footer, section, article, nav {display: block;}