From 8e1092be44c04572011bc68420f45588bd077706 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= <ckstmznf@naver.com>
Date: Tue, 19 Mar 2024 19:20:40 +0900
Subject: [PATCH 1/2] Highlight color

---
 src/style/GlobalStyle.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/style/GlobalStyle.js b/src/style/GlobalStyle.js
index ab7e20e..ceff5bf 100644
--- a/src/style/GlobalStyle.js
+++ b/src/style/GlobalStyle.js
@@ -3,18 +3,23 @@ import {InitialStyle} from "./InitialStyle";
 import {FontStyle} from "./Font";
 
 export const GlobalStyle = createGlobalStyle`
-  ${InitialStyle};
+  ${InitialStyle}
+
+  ;
   ${FontStyle}
-  
   *, *::before, *::after {
     font-family: 'SUIT Variable', sans-serif;
   }
-  
+
+  *::selection {
+    background-color: rgba(88, 111, 233, 0.15);
+  }
+
   body {
     min-width: 320px;
     background-color: ${p => p.theme.color.Gray3};
   }
-  
+
   button, input {
     background: none;
     color: inherit;
@@ -22,16 +27,16 @@ export const GlobalStyle = createGlobalStyle`
     cursor: pointer;
     outline: inherit;
   }
-  
+
   a {
     color: inherit;
     text-decoration: none;
   }
-  
+
   li {
     list-style: none;
   }
-  
+
   input:focus {
     outline: none;
   }

From b97fed862f8d74cb026139f12ecc830edf660f2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=B0=94=ED=82=A4=EC=B0=AC?= <ckstmznf@naver.com>
Date: Tue, 19 Mar 2024 19:23:31 +0900
Subject: [PATCH 2/2] FirstSection Highlight color

---
 src/section/FirstSection.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/section/FirstSection.js b/src/section/FirstSection.js
index ca92881..b8a486e 100644
--- a/src/section/FirstSection.js
+++ b/src/section/FirstSection.js
@@ -20,6 +20,10 @@ const FirstSectionStyle = styled.section`
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+    *::selection {
+      background-color: rgba(0, 0, 0, 0.16);
+    }
   }
 
   .title1 {
@@ -60,7 +64,7 @@ const FirstSectionStyle = styled.section`
     animation-duration: 1200ms;
     animation-delay: 2700ms;
     animation-fill-mode: backwards;
-    
+
     word-break: keep-all;
   }
 
@@ -102,10 +106,10 @@ const FirstSectionStyle = styled.section`
 
     cursor: pointer;
     transform: translateX(-50%);
-    
+
     animation: ${animation} 1200ms 2700ms 1 normal ease-in-out backwards, ${downUp} 2000ms 3500ms ease-in-out infinite;
   }
-  
+
   @media (max-width: 400px) {
   }
 `