From 89ae347c835e56fe4963ea56162a789b8d6e4628 Mon Sep 17 00:00:00 2001
From: hyperbola <hyperbola.cs07@gmail.com>
Date: Wed, 20 Jan 2021 01:12:12 +0800
Subject: [PATCH] [Style] Korea fish in mobile mode

---
 src/assets/scss/CFP/bg.scss | 72 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 71 insertions(+), 1 deletion(-)

diff --git a/src/assets/scss/CFP/bg.scss b/src/assets/scss/CFP/bg.scss
index b83b19a..14e731e 100644
--- a/src/assets/scss/CFP/bg.scss
+++ b/src/assets/scss/CFP/bg.scss
@@ -1,3 +1,5 @@
+@import '../hyperpoint';
+
 #cfp {
   position: relative;
 }
@@ -28,8 +30,76 @@
       width: 640px;
     }
     .radial {
-      width: 100vw;
+      width: 1920px;
       position: absolute;
     }
   }
 }
+
+@media screen and (min-width: 1921px) {
+  #cfp-bg {
+    .korea-fish {
+      .radial {
+        margin-top: calc(576px - 30vw);
+        width: 100vw;
+      }
+    }
+  }
+}
+
+@include md {
+  #cfp-bg {
+    .korea-fish {
+      .sitcon-apple {
+        margin-top: 320px;
+        width: 216px;
+      }
+      .ellipse {
+        margin-top: 280px;
+        width: 420px;
+      }
+      .radial {
+        margin-top: 0;
+        width: 1666px;
+      }
+    }
+  }
+}
+
+@include sm {
+  #cfp-bg {
+    .korea-fish {
+      .sitcon-apple {
+        margin-top: 288px;
+        width: 180px;
+      }
+      .ellipse {
+        margin-top: 240px;
+        width: 360px;
+      }
+      .radial {
+        margin-top: -36px;
+        width: 1666px;
+      }
+    }
+  }
+}
+
+@include xs {
+  #cfp-bg {
+    .korea-fish {
+      .sitcon-apple {
+        margin-top: 216px;
+        width: 120px;
+      }
+      .ellipse {
+        margin-top: 180px;
+        width: 240px;
+      }
+      .radial {
+        margin-top: -180px;
+        width: 1666px;
+      }
+    }
+  }
+}