diff options
Diffstat (limited to 'src/app/page.module.css')
| -rw-r--r-- | src/app/page.module.css | 51 |
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 |