1 files changed, 67 insertions, 0 deletions
diff --git a/src/app/recent/recent.css b/src/app/recent/recent.css
new file mode 100644
index 0000000..3fc5e26
--- /dev/null
+++ b/src/app/recent/recent.css
@@ -0,0 +1,67 @@
+
+.trendingContainer {
+	display: flex;
+	flex-direction: column;
+}
+
+.trendingText {
+	color: white;
+	font-family: "Open Sans";
+	font-size: 30px;
+	margin: 10px;
+	/* margin-bottom: 10px; */
+}
+
+.trending {
+	width: 98%;
+	display: flex;
+	flex-direction: row;
+	overflow-x: auto;
+	margin: 0px auto;
+} 
+
+/* Customize scrollbar here */
+.trending::-webkit-scrollbar {
+	height: 5px;
+}
+
+.trendingEntries {
+    margin: 10px 10px 5px 5px;
+    text-align: center;
+	cursor: pointer;
+	transition: transform 0.2s ease;
+
+}
+.trendingEntries:hover {
+	transform: scale(1.03);
+}
+
+.trendingEntries img {
+	border-radius: 10px;
+	width: 160px;
+	height: 220px;
+}
+
+.trendingEntries p {
+	color: white;
+	max-height: 60px;
+	max-width: 150px;
+	overflow-y: auto;
+	font-family: "Lato";
+	margin: 10px auto;
+	font-size: 18px;
+}
+
+.trendingEntries p::-webkit-scrollbar{
+	width: 5px;
+}
+
+@media (prefers-color-scheme: light) {
+	.trendingText {
+		color: black;
+	}
+
+	.trendingEntries p {
+		color: black;
+	}
+}
+\ No newline at end of file