aboutsummaryrefslogtreecommitdiff
path: root/src/app/movies/styles/info.module.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/movies/styles/info.module.css')
-rw-r--r--src/app/movies/styles/info.module.css150
1 files changed, 0 insertions, 150 deletions
diff --git a/src/app/movies/styles/info.module.css b/src/app/movies/styles/info.module.css
deleted file mode 100644
index b848f7f..0000000
--- a/src/app/movies/styles/info.module.css
+++ /dev/null
@@ -1,150 +0,0 @@
-.Main {
- margin-top: 60px;
- color: white;
-}
-
-.MovieInfoSection {
- background-color: #1f1f1fcc;
- backdrop-filter: blur(10px);
-}
-
-.MovieInfo {
- max-width: 60%;
- margin: 0 auto;
-}
-
-.HeroSection {
- display: flex;
- align-items: center;
-}
-
-.HeroSection img {
- border-radius: 1rem;
- padding: 0.5rem 0 0 0;
-}
-
-.HeroTitle {
- display: flex;
- flex-direction: column;
- margin-left: 0.6rem;
- padding: 0.3rem;
-}
-
-.HeroTitle h2 {
- font-size: 28px;
- margin: 0;
-}
-
-.tagline {
- margin: 0.2rem 0 0 0;
- font-size: 12px;
-}
-
-.tagline span {
- background-color: #12121286;
- padding: 0.2rem;
- border-radius: 0.5rem;
-}
-
-.MovieDescription {
- font-size: 18px;
- margin: 0.2rem 0 0 0;
- max-height: 140px;
- overflow: auto;
-}
-
-.MovieDescription::-webkit-scrollbar {
- width: 5px;
-}
-
-.MovieDescription::-webkit-scrollbar-thumb {
- background-color: var(--nord-yellow);
- border-radius: 1rem;
-}
-
-.OtherInfo {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 1rem 0 0 0;
- background-color: #12121286;
- padding: 1rem;
- border-radius: 0.5rem;
-}
-
-.Ratings {
- display: flex;
-}
-
-.divider {
- margin: 0 0.5rem 0 0.5rem;
-}
-
-.Ratings span {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.Ratings p {
- margin: 0 0 0 0.4rem;
-}
-
-.Money {
- margin: 0.5rem 0 0 0;
- display: flex;
-}
-
-.Money p {
- margin: 0 0 0 0.4rem;
-}
-
-.Money span {
- display: flex;
- align-items: center;
-}
-
-.Genre {
- display: flex;
-}
-
-.Genre p {
- background-color: #12121257;
- margin: 0.5rem 0.2rem 0 0.2rem;
- padding: 0.3rem;
- border-radius: 0.5rem;
-}
-
-@media screen and (max-width: 768px) {
- .MovieInfo {
- max-width: 100%;
- }
-
- .VideoPlayer {
- width: 98%;
- margin: 1rem auto;
- }
-
- .VideoPlayer iframe {
- height: 250px;
- }
-
- .HeroTitle h2 {
- font-size: 22px;
- }
-
- .HeroSection img {
- width: 170px;
- height: 267px;
- }
-
- .MovieDescription {
- font-size: 16px;
- }
-
- .OtherInfo {
- width: 90%;
- margin: 1rem auto;
- }
-
-} \ No newline at end of file