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