Move css to another file

coding_gym/coding_gym.css

+#page {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+#coding_gym_logo {
+    max-height: 200px;
+    margin-bottom: 50px;
+}
+
+#sessions {
+    width: 100%;
+    display: grid;
+    grid-template-columns: repeat(auto-fill, 200px);
+    grid-gap: 20px;
+    justify-content: center;
+}
+
+.session {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    width: 200px;
+    height: 200px;
+    flex-shrink: 0;
+    overflow: hidden;
+    font-size: 1em;
+    padding: 20px;
+    line-height: 1;
+    font-family: sans-serif;
+    text-align: center;
+
+}
+
+.session > div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.session > div > div {
+    margin: 0;
+}
+
+.session > hr {
+    width: 70%;
+    height: 2px;
+    border: 0;
+    margin: 0;
+    color: #fff;
+    background-color: #fff;
+}
+
+.session a {
+    font-size: 0.8em;
+    text-transform: uppercase;
+    color: inherit;
+    text-decoration: none;
+}
+
+.session .year {
+    font-size: 0.8em;
+}
+
+.session .room_caption {
+    font-size: 0.7em;
+}
+
+.session.new {
+    background: #47c1c7;
+}
+
+.session .time, .session .room, .session .registration_url {
+    display: none;
+}
+
+.session.new .contest_url, .session.new .coding_gym_url {
+    display: none;
+}
+
+.session.new .time, .session.new .room, .session.new .registration_url {
+    display: flex;
+}
\ No newline at end of file

coding_gym/index.html

@@ -3,6 +3,8 @@ layout: default
 title: Coding Gym
 ---
 
+<link rel="stylesheet" href="{{ '/coding_gym/coding_gym.css' | relative_url }}"/>
+
 <script>
     (() => {
         "use strict";
@@ -15,105 +17,15 @@ title: Coding Gym
     })();
 </script>
 
-<style>
-	#page {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-	}
-
-	#coding_gym_logo {
-		max-height: 200px;
-		margin-bottom: 50px;
-	}
-
-	#sessions {
-		width: 100%;
-		display: grid;
-		grid-template-columns: repeat(auto-fill, 200px);
-		grid-gap: 20px;
-		justify-content: center;
-	}
-
-	.session {
-		box-sizing: border-box;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: space-between;
-		width: 200px;
-		height: 200px;
-		flex-shrink: 0;
-		overflow: hidden;
-		font-size: 1em;
-		padding: 20px;
-		line-height: 1;
-		font-family: sans-serif;
-		text-align: center;
-
-	}
-
-	.session > div {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.session > div > div {
-		margin: 0;
-	}
-
-	.session > hr {
-		width: 70%;
-		height: 2px;
-		border: 0;
-		margin: 0;
-		color: #fff;
-		background-color: #fff;
-	}
-
-	.session a {
-		font-size: 0.8em;
-		text-transform: uppercase;
-		color: inherit;
-		text-decoration: none;
-	}
-
-	.session .year {
-		font-size: 0.8em;
-	}
-
-	.session .room_caption {
-		font-size: 0.7em;
-	}
-
-	.session.new {
-		background: #47c1c7;
-	}
-
-	.session .time, .session .room, .session .registration_url {
-		display: none;
-	}
-
-	.session.new .contest_url, .session.new .coding_gym_url {
-		display: none;
-	}
-
-	.session.new .time, .session.new .room, .session.new .registration_url {
-		display: flex;
-	}
-</style>
-
 <div id="page">
-	<img id="coding_gym_logo" src="{{ "/coding_gym/coding_gym_logo.svg" | relative_url }}" alt="Coding Gym logo"/>
+	<img id="coding_gym_logo" src="{{ '/coding_gym/coding_gym_logo.svg' | relative_url }}" alt="Coding Gym logo"/>
 
 	<p id="coding_gym_about">&#171;Coding Gym is a non-competitive programming lab format open to any language and
 		developed
 		for self-led improvement in technical and communication skills.&#187;</p>
 
 	<P>In 2019 the POuL begins a collaboration with the association <a href="https://coding-gym.org/">Coding Gym</a> to
-		bring this interesting format inside the Politecnico walls.</P>
+		bring this interesting format inside Politecnico walls.</P>
 
 	<p>During the lab sessions, the attendees will organize in couples and they will try to solve a programming problem
 		in less than 30 minutes. At the end of the time there will be a comparison between the couples moderated by