Fix some error

src/App.vue

@@ -190,10 +190,10 @@ body {
   width: 100%;
   background: #fff;
   z-index: 100;
-  padding: 5rem 7rem;
+  padding: 3rem 7rem;
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: styles.$media-query-width) {
   .nav,
   .lang {
     padding: 0 2rem;
@@ -214,5 +214,9 @@ body {
   //    margin-right: 0;
   //  }
   //}
+
+  .content-main {
+    padding: 3rem 3rem !important;
+  }
 }
 </style>

src/i18n/en.ts

@@ -64,7 +64,7 @@ export default {
           duration: "(2023.08 ~ )",
           koi2024first:
             "Coordinator of Korea Olympiad in Informatics 2024 1{st} Programming Contest{duration}",
-          koi2024first_duration: "(2024.02 ~ 2024.05)",
+          koi2024first_duration: "(2024.05)",
           ioi_camp:
             "TA at Training Camp of International Olympiad in Informatics, Republic of Korea{duration}",
           ioi_camp_duration: "(2023.08 ~ )",

src/i18n/ko.ts

@@ -69,7 +69,7 @@ export default {
             "제38회 한국정보올림피아드 1차 대회 일반고 부문 은상{duration}",
           first_duration: "(2021.05)",
         },
-        view_all: "View all experiences related to algorithm",
+        view_all: "알고리즘 관련 모든 활동 보기",
       },
       software: {
         header: "이수한 소프트웨어 활동{duration}",

src/styles.scss

@@ -5,6 +5,8 @@ $primary-scroll-color: #7B64F040;
 
 $hr-height: 40px;
 
+$media-query-width: 800px;
+
 sup {
   font-size: 1rem;
   align-self: flex-start;
@@ -114,9 +116,3 @@ li {
     }
   }
 }
-
-@media screen and (max-width: 600px) {
-  .content-main {
-    padding: 3rem 3rem;
-  }
-}