diff options
| author | zephex <[email protected]> | 2024-04-20 13:39:39 +0530 |
|---|---|---|
| committer | zephex <[email protected]> | 2024-04-20 13:39:39 +0530 |
| commit | 25537a093f96831dd4bec210c18bd808d8db30f2 (patch) | |
| tree | 22e39ab2dda04d08e74490b879305881bac1e3bd /src/app/page.module.css | |
| parent | idk whats happening (diff) | |
| parent | removed image from homepage (diff) | |
| download | dramalama-25537a093f96831dd4bec210c18bd808d8db30f2.tar.xz dramalama-25537a093f96831dd4bec210c18bd808d8db30f2.zip | |
somethign somethign
Diffstat (limited to 'src/app/page.module.css')
| -rw-r--r-- | src/app/page.module.css | 216 |
1 files changed, 108 insertions, 108 deletions
diff --git a/src/app/page.module.css b/src/app/page.module.css index 7524dea..a826337 100644 --- a/src/app/page.module.css +++ b/src/app/page.module.css @@ -1,109 +1,109 @@ -.newbg {
- background: rgb(37, 37, 37);
- background: radial-gradient(circle, rgb(41, 41, 41) 2%, rgb(12, 12, 12) 30%);
-}
-
-.header {
- position: fixed;
- top: 0;
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: space-between;
- background-color: #121212;
- font-family: "Lexend Deca", serif;
- z-index: 2;
-}
-
-.left {
- color: white;
- font-size: 24px;
-}
-
-.left p {
- margin: 0;
- padding: 1rem;
-}
-
-.right a {
- text-decoration: none;
- color: white;
- margin: 0 0.4rem 0 0.5rem;
- transition: opacity 400ms ease;
- font-size: 16px;
-}
-
-.header:hover>.right a {
- opacity: 0.5;
-}
-
-.header:hover>.right a:hover {
- opacity: 1;
- cursor: pointer;
-}
-
-.footer {
- bottom: 0;
- width: 100%;
- position: fixed;
- background-color: #121212;
- color: white;
- font-family: "Poppins", serif;
- z-index: 2;
-}
-
-.footer p {
- text-align: center;
- font-size: 14px;
- margin: 0;
- padding: 0.6rem;
- font-family: "Poppins", serif;
-}
-
-.content {
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.contentContainer {
- display: block;
-}
-
-.contentContainer a {
- text-decoration: none;
- color: white;
-}
-
-.manga,
-.anime,
-.kdrama {
- background-color: #121212e0;
- color: white;
- margin-top: 5px;
- border-radius: 5px;
- transition: opacity 400ms ease;
- padding: 0.4rem 2rem;
- font-family: "Lexend Deca", serif;
-}
-
-.content:hover>.contentContainer div {
- opacity: 0.5;
-}
-
-.content:hover>.contentContainer div:hover {
- opacity: 1;
- cursor: pointer;
-}
-
-.netlifyLogo {
- position: fixed;
- bottom: 0;
- margin: 0rem 0.4rem 1rem 0.4rem;
- height: 8.2rem;
-}
-
-.netlifyLogo img {
- aspect-ratio: 16 / 9;
+.newbg { + background: rgb(37, 37, 37); + background: radial-gradient(circle, rgb(41, 41, 41) 2%, rgb(12, 12, 12) 30%); +} + +.header { + position: fixed; + top: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + background-color: #121212; + font-family: "Lexend Deca", serif; + z-index: 2; +} + +.left { + color: white; + font-size: 24px; +} + +.left p { + margin: 0; + padding: 1rem; +} + +.right a { + text-decoration: none; + color: white; + margin: 0 0.4rem 0 0.5rem; + transition: opacity 400ms ease; + font-size: 16px; +} + +.header:hover>.right a { + opacity: 0.5; +} + +.header:hover>.right a:hover { + opacity: 1; + cursor: pointer; +} + +.footer { + bottom: 0; + width: 100%; + position: fixed; + background-color: #121212; + color: white; + font-family: "Poppins", serif; + z-index: 2; +} + +.footer p { + text-align: center; + font-size: 14px; + margin: 0; + padding: 0.6rem; + font-family: "Poppins", serif; +} + +.content { + height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +.contentContainer { + display: block; +} + +.contentContainer a { + text-decoration: none; + color: white; +} + +.manga, +.anime, +.kdrama { + background-color: #121212e0; + color: white; + margin-top: 5px; + border-radius: 5px; + transition: opacity 400ms ease; + padding: 0.4rem 2rem; + font-family: "Lexend Deca", serif; +} + +.content:hover>.contentContainer div { + opacity: 0.5; +} + +.content:hover>.contentContainer div:hover { + opacity: 1; + cursor: pointer; +} + +.netlifyLogo { + position: fixed; + bottom: 0; + margin: 0rem 0.4rem 1.6rem 0.4rem; +} + +.netlifyLogo img { + aspect-ratio: 16 / 9; + height: 100px }
\ No newline at end of file |