diff --git a/css/style.css b/css/style.css index a58516f..07dd032 100644 --- a/css/style.css +++ b/css/style.css @@ -9,20 +9,22 @@ body { } .vtubegay-logo { - width: 50%; + width: 90%; + max-width: 50em; height: auto; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; - padding-top: 10em; + padding-top: 2em; text-align: center; } .cta { color: #f2f5f4; width: auto; + max-width: 80%; height: auto; display: flex; margin-left: auto; @@ -30,7 +32,22 @@ body { text-align: center; justify-content: center; text-decoration: none; - font-size: 2rem; + font-size: 1em; + padding-top: 8em; +} + +@media (min-width: 35rem) { + .cta { + font-size: 2em; + padding-top: 0em; + } + .vtubegay-logo { + padding-top: 5em; + } +} + +.user { + color: #f5a9b8; } .discord { diff --git a/index.html b/index.html index 88021b0..b2a8965 100644 --- a/index.html +++ b/index.html @@ -18,17 +18,13 @@

- You want [yourusername].vtube.gay as your Bluesky username?
+ You want
+ [user].vtube.gay
+ as your Bluesky username?

Message me on Social Media! :3

-
- - - -
-