diff options
Diffstat (limited to 'src/app/kdrama/styles')
| -rw-r--r-- | src/app/kdrama/styles/info.module.css | 9 | ||||
| -rw-r--r-- | src/app/kdrama/styles/loading.module.css | 22 |
2 files changed, 28 insertions, 3 deletions
diff --git a/src/app/kdrama/styles/info.module.css b/src/app/kdrama/styles/info.module.css index 90a33b5..3ff021f 100644 --- a/src/app/kdrama/styles/info.module.css +++ b/src/app/kdrama/styles/info.module.css @@ -89,15 +89,18 @@ .VideoContainer { margin-top: 20px; +} + +.Video { display: flex; - align-items: center; flex-direction: column; + align-items: center; } -.VideoContainer p { +.Video p { color: white; font-family: "Atkinson Hyperlegible"; - color: var(--neon-green); + color: var(--pastel-red); } .VideoPlayer { diff --git a/src/app/kdrama/styles/loading.module.css b/src/app/kdrama/styles/loading.module.css new file mode 100644 index 0000000..2a24411 --- /dev/null +++ b/src/app/kdrama/styles/loading.module.css @@ -0,0 +1,22 @@ +.Main { + height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + + +.LoadingContainer { + width: 50px; + height: 50px; + border-radius: 50%; + border: 8px solid; + border-color: #F4F4F4 #0000; + animation: s1 1s infinite; +} + +@keyframes s1 { + to { + transform: rotate(.5turn) + } +}
\ No newline at end of file |