diff --git a/components/heartbeat.css b/components/heartbeat.css new file mode 100644 index 0000000..5c88b2e --- /dev/null +++ b/components/heartbeat.css @@ -0,0 +1,28 @@ +body { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; +} + +.heartbeat { + animation: heartbeat 1.5s infinite; +} + +.heartbeat i { + color: red; +} + +@keyframes heartbeat { + 0% { + transform: scale(1); + } + + 50% { + transform: scale(1.2); + } + + 100% { + transform: scale(1); + } +} \ No newline at end of file diff --git a/components/heartbeat.html b/components/heartbeat.html new file mode 100644 index 0000000..4a4f3ea --- /dev/null +++ b/components/heartbeat.html @@ -0,0 +1,15 @@ + + + + + + Document + + + + +
+ +
+ + \ No newline at end of file diff --git a/css/style.css b/css/style.css index 1bfcdcf..9b13ece 100644 --- a/css/style.css +++ b/css/style.css @@ -208,61 +208,3 @@ textarea:focus { box-shadow: 0 6px 18px rgba(98, 0, 234, 0.06); transform: translateY(-2px); } - -input::placeholder, -textarea::placeholder { - color: #9aa0a6; -} - -.two-col { - display: grid; - grid-template-columns: 1fr 1fr; - gap: 12px; -} -.submit-row { - display: flex; - justify-content: flex-end; - align-items: center; - gap: 10px; - margin-top: 6px; -} -.btn-submit { - background: linear-gradient(90deg, var(--primary-color), #7b3bff); - color: var(--primary-contrast); - padding: 10px 16px; - border-radius: var(--radius-pill); - border: none; - cursor: pointer; - font-weight: 600; - box-shadow: 0 6px 16px rgba(98, 0, 234, 0.14); - transition: transform 0.16s ease, box-shadow 0.16s ease; -} -.btn-submit:hover { - transform: translateY(-3px); - box-shadow: 0 14px 30px rgba(98, 0, 234, 0.18); -} -.hint { - font-size: 13px; - color: var(--text-muted); -} - -@media (max-width: 820px) { - .contact-wrap { - grid-template-columns: 1fr; - padding: 18px; - } - .contact-info { - border-right: none; - border-bottom: 1px solid var(--border-color); - padding-bottom: 14px; - } - .submit-row { - justify-content: stretch; - } - .btn-submit { - width: 100%; - } - .two-col { - grid-template-columns: 1fr; - } -}