diff --git a/app/static/styles.css b/app/static/styles.css index dfd7202..30d3870 100644 --- a/app/static/styles.css +++ b/app/static/styles.css @@ -601,19 +601,19 @@ a { color: inherit; text-decoration: none; } .shape-1 { width: 360px; height: 360px; - border: 4px solid rgba(99, 179, 237, .45); + border: 3px solid rgba(30, 86, 160, .28); border-radius: 50%; top: -90px; right: -70px; animation: shapeFloat1 16s ease-in-out infinite; } -/* 2. 다이아몬드 (채움) — 좌측 하단 */ +/* 2. 다이아몬드 — 좌측 하단 */ .shape-2 { width: 130px; height: 130px; - background: rgba(99, 179, 237, .2); - border: 3px solid rgba(99, 179, 237, .5); + background: rgba(30, 86, 160, .12); + border: 3px solid rgba(30, 86, 160, .3); border-radius: 20px; bottom: 90px; left: -45px; @@ -624,7 +624,7 @@ a { color: inherit; text-decoration: none; } .shape-3 { width: 80px; height: 80px; - border: 3px solid rgba(255, 255, 255, .3); + border: 3px solid rgba(255, 255, 255, .14); border-radius: 50%; top: 40%; right: 12%; @@ -635,7 +635,7 @@ a { color: inherit; text-decoration: none; } .shape-4 { width: 200px; height: 200px; - border: 3px solid rgba(99, 179, 237, .35); + border: 3px solid rgba(30, 86, 160, .22); border-radius: 36px; bottom: -60px; right: 16%; @@ -646,8 +646,8 @@ a { color: inherit; text-decoration: none; } .shape-5 { width: 44px; height: 44px; - background: rgba(147, 197, 253, .35); - border: 2px solid rgba(147, 197, 253, .6); + background: rgba(30, 86, 160, .2); + border: 2px solid rgba(30, 86, 160, .35); border-radius: 50%; top: 20%; left: 16%; @@ -658,31 +658,20 @@ a { color: inherit; text-decoration: none; } .shape-6 { width: 90px; height: 90px; - background: rgba(99, 179, 237, .22); + background: rgba(30, 86, 160, .14); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); bottom: 28%; right: 6%; animation: shapeFloat6 12s ease-in-out infinite; } -/* 7. 별 — 우측 중앙 (녹색 화살표 위치) */ -.shape-7 { - width: 64px; - height: 64px; - background: rgba(253, 224, 71, .38); - clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); - top: 50%; - right: 9%; - animation: shapeFloat7 10s ease-in-out infinite; -} - /* King 텍스트 — 반짝이며 유동 */ .shape-king { font-size: 30px; font-weight: 700; color: rgba(255, 255, 255, .9); letter-spacing: 4px; - text-transform: uppercase; + text-transform: none; top: 28%; right: 7%; animation: kingFloat 13s ease-in-out infinite, kingSparkle 2.4s ease-in-out infinite; @@ -727,9 +716,10 @@ a { color: inherit; text-decoration: none; } } @keyframes kingFloat { 0%, 100% { transform: translate(0, 0); } - 25% { transform: translate(-12px, 16px); } - 50% { transform: translate(8px, 10px); } - 75% { transform: translate(-6px, -12px); } + 20% { transform: translate(-65px, 50px); } + 40% { transform: translate(55px, -40px); } + 60% { transform: translate(-45px, -60px); } + 80% { transform: translate(70px, 30px); } } @keyframes kingSparkle { 0%, 100% { diff --git a/app/templates/denied.html b/app/templates/denied.html index 64c6b31..5db9994 100644 --- a/app/templates/denied.html +++ b/app/templates/denied.html @@ -19,7 +19,6 @@
-
King
diff --git a/app/templates/login.html b/app/templates/login.html index 2776e16..a5865f0 100644 --- a/app/templates/login.html +++ b/app/templates/login.html @@ -19,7 +19,6 @@
-
King