diff options
Diffstat (limited to 'src/app/page.module.css')
| -rw-r--r-- | src/app/page.module.css | 37 |
1 files changed, 26 insertions, 11 deletions
diff --git a/src/app/page.module.css b/src/app/page.module.css index f92b5d4..41ce2e9 100644 --- a/src/app/page.module.css +++ b/src/app/page.module.css @@ -1,6 +1,10 @@ .newbg { background: rgb(37, 37, 37); - background: radial-gradient(circle, rgb(41, 41, 41) 2%, rgb(12, 12, 12) 30%); + background: radial-gradient( + circle, + rgb(41, 41, 41) 2%, + rgb(12, 12, 12) 30% + ); } .header { @@ -33,11 +37,11 @@ font-size: 16px; } -.header:hover>.right a { +.header:hover > .right a { opacity: 0.5; } -.header:hover>.right a:hover { +.header:hover > .right a:hover { opacity: 1; cursor: pointer; } @@ -68,7 +72,9 @@ } .contentContainer { - display: block; + display: flex; + align-items: center; + justify-content: center; } .contentContainer a { @@ -81,19 +87,28 @@ .kdrama { background-color: #121212e0; color: white; - margin-top: 5px; - border-radius: 5px; - transition: opacity 400ms ease, transform 200ms ease; + border-radius: 0.5rem; + transition: opacity 200ms ease, transform 200ms ease; padding: 0.4rem 2rem; font-family: "Lexend Deca", serif; + margin: 0.2rem 0.2rem 0 0.2rem; + border-color: rgb(80, 80, 80); + border-style: groove; + border-width: 0.1rem; } -.content:hover>.contentContainer div { +.content:hover > .contentContainer div { opacity: 0.5; } -.content:hover>.contentContainer div:hover { +.content:hover > .contentContainer div:hover { opacity: 1; cursor: pointer; - transform: scale(0.96) -}
\ No newline at end of file + transform: scale(0.96) rotateX(15deg) rotateY(8deg); +} + +@media screen and (max-width: 1024px) { + .contentContainer { + display: block; + } +} |