diff options
Diffstat (limited to 'src/app/anime/styles/info.module.css')
| -rw-r--r-- | src/app/anime/styles/info.module.css | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/src/app/anime/styles/info.module.css b/src/app/anime/styles/info.module.css index 4e65bdd..4216b37 100644 --- a/src/app/anime/styles/info.module.css +++ b/src/app/anime/styles/info.module.css @@ -9,21 +9,29 @@ align-items: center; } +.AnimeHeroSection strong { + color: var(--neon-yellow); +} + .AnimeHeroSection img { - padding: 0.5rem 0.7rem 0rem 0; + width: auto; + height: auto; + padding: 0.5rem 0.7rem 0.5rem 0.7rem; + border-radius: 1rem; } .animeDescription { max-height: 100px; overflow: auto; + color: var(--light-sky); } .animeDescription::-webkit-scrollbar { - width: 4px; + width: 3px; } .animeDescription::-webkit-scrollbar-thumb { - background-color: gray; + background-color: var(--nord-yellow); border-radius: 1rem; } @@ -50,6 +58,18 @@ } .AnimeHeroSection img { - padding: 0.4rem 0.4rem 0 0; + padding: 0.4rem 0.4rem 0.4rem 0.4rem; + } +} + +@media screen and (max-width: 425px) { + .AnimeHeroSection { + display: flex; + align-items: center; + flex-direction: column; + } + + .animeTitle { + text-align: center; } }
\ No newline at end of file |