Update style.css

coara-chocomaru · Jan 27, 2025 · 83a60f7 · 83a60f7
1 parent b68a27f
commit 83a60f7
Showing 1 changed file with 33 additions and 26 deletions.
diff --git a/style.css b/style.css
@@ -1,4 +1,3 @@
-/* 難読化されたCSS */
 body {
     font-family: 'Arial', sans-serif;
     background-color: #f9f6f7;
@@ -8,52 +7,52 @@ body {
     text-align: center;
 }
 
-._header {
+header {
     background-color: #ffb6c1;
     padding: 20px 0;
 }
 
-._title {
+h1 {
     font-size: 3em;
     color: #ff69b4;
 }
 
-._main {
+.main-content {
     margin: 20px;
 }
 
-._character {
+.character {
     display: inline-block;
     margin-top: 20px;
     position: relative;
 }
 
-._img {
+.character-img {
     width: 150px;
     height: auto;
     border-radius: 50%;
     transition: transform 0.3s;
 }
 
-._text {
+.character-text {
     font-size: 1.5em;
     margin-top: 10px;
     color: #ff69b4;
 }
 
-._heart {
+.heart {
     position: absolute;
     top: 30px;
     left: 50%;
     transform: translateX(-50%);
-    font-size: 40px;
-    animation: _heartbeat 1.5s infinite;
-    visibility: hidden;
-    display: inline-block;
-    font-family: 'Arial', sans-serif;
+    font-size: 40px; /* 絵文字の大きさ */
+    animation: heartbeat 1.5s infinite;
+    visibility: hidden; /* 初期状態で非表示 */
+    display: inline-block; /* 絵文字を正しく表示 */
+    font-family: 'Arial', sans-serif; /* 絵文字が確実に表示されるように指定 */
 }
 
-._btn {
+button {
     background-color: #ff69b4;
     color: white;
     padding: 10px 20px;
@@ -64,11 +63,11 @@ body {
     transition: transform 0.3s ease;
 }
 
-._btn:hover {
+button:hover {
     transform: scale(1.1);
 }
 
-._footer {
+footer {
     background-color: #ffb6c1;
     padding: 10px;
     position: fixed;
@@ -77,27 +76,35 @@ body {
     text-align: center;
 }
 
-._links a {
+.footer-links a {
     color: #ff69b4;
     text-decoration: none;
     margin: 0 10px;
     font-size: 1.2em;
 }
 
-._links a:hover {
+.footer-links a:hover {
     text-decoration: underline;
 }
 
-@keyframes _heartbeat {
-    0%, 100% { transform: scale(1); }
-    50% { transform: scale(1.2); }
+@keyframes heartbeat {
+    0%, 100% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.2);
+    }
 }
 
-._spin {
-    animation: _rotate 1.5s infinite linear;
+.animate {
+    animation: spin 1.5s infinite linear;
 }
 
-@keyframes _rotate {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(360deg); }
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }