aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime/styles/info.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/anime/styles/info.module.css')
-rw-r--r--src/app/anime/styles/info.module.css28
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