From 498121d145844cd8ff28279a49c43dfbfb080299 Mon Sep 17 00:00:00 2001 From: real-zephex Date: Mon, 8 Apr 2024 01:51:13 +0530 Subject: small chanegs here and there, manga and anime pages are currently broken. changed the image proxy to cloudflare workers. --- src/app/page.module.css | 51 +++++++++++++++++++++++++++++++++++++++++-------- 1 file changed, 43 insertions(+), 8 deletions(-) (limited to 'src/app/page.module.css') 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 -- cgit v1.2.3