small chanegs here and there, manga and anime pages are currently broken. changed the image proxy to cloudflare workers.

1 files changed, 43 insertions, 8 deletions

diff --git a/src/app/page.module.css b/src/app/page.module.css
index 1d3be60..dcbc36b 100644
--- a/src/app/page.module.css
+++ b/src/app/page.module.css
@@ -1,16 +1,51 @@
-.welcomeContainer {
+.main {
+	max-width: 90%;
+	margin: 0px auto;
 	display: flex;
+	height: 100dvh;
 	flex-direction: column;
+	align-items: center;
 	justify-content: center;
+}
+
+.redirects {
+	display: flex;
 	align-items: center;
-	height: 85dvh;
-	max-width: 500px;
-	margin: 0px auto;
-	text-align: center;
+	margin-top: -10px;
+}
+
+.HomeSVG {
+	transition: transform 0.2s linear;
 }
 
-.welcomeContainer p {
-	font-family: "Quicksand";
-	font-size: 20px;
+.HomeSVG:hover {
+	transition: transform 0.2s linear;
+	transform: translate(2px, -8px);
+}
+
+.redirects a {
 	color: white;
+	text-decoration: none;
+	margin-right: 10px;
+	margin-left: 10px;
+	color: var(--light-green);
+}
+
+@media screen and (max-width: 768px) {
+	.HomeSVG {
+		width: 400px;
+		margin-bottom: -20px;
+	}
+}
+
+@media screen and (max-width: 425px) {
+	.HomeSVG {
+		width: 350px;
+	}
+}
+
+@media screen and (max-width: 375px) {
+	.HomeSVG {
+		width: 300px;
+	}
 }
\ No newline at end of file