diff --git a/css/ranking.css b/css/ranking.css
new file mode 100644
index 0000000..122613a
--- /dev/null
+++ b/css/ranking.css
@@ -0,0 +1,63 @@
+#inner-container {
+	background-color: white;
+}
+
+p {
+	font-size: 16px;
+	text-align: justify;
+}
+
+table#ranking {
+	font-size: 18px;
+	text-align: center;
+
+	font-family: 'Open Sans';
+  	
+	margin: auto;
+	width: 100%;
+}
+
+table#ranking td {
+	padding: 10px;
+}
+
+tr.gold {
+	background-color: rgba(255, 225, 0, 0.3);
+}
+
+tr.silver {
+	background-color: rgba(200, 200, 200, 0.3);
+}
+
+tr.bronze {
+	background-color: rgba(200, 125, 50, 0.3);
+}
+
+tr.me {
+	background-color: rgba(50, 50, 255, 0.3);
+}
+
+tr.top3 td:first-child::before {
+	content: '';
+	background-size: 16px 16px;
+	width: 16px;
+	height: 16px;
+	float: left;
+	position: relative;
+	top: 0px;
+	left: 5px;
+}
+
+tr.gold td:first-child::before {
+	background-image: url('../bin/images/first.png');
+}
+
+
+tr.silver td:first-child::before {
+	background-image: url('../bin/images/second.png');
+}
+
+
+tr.bronze td:first-child::before {
+	background-image: url('../bin/images/third.png');
+}