diff --git a/clock-face.png b/clock-face.png index 5697720..5b03bfc 100644 Binary files a/clock-face.png and b/clock-face.png differ diff --git a/index.html b/index.html index 17978cf..afd1792 100644 --- a/index.html +++ b/index.html @@ -37,6 +37,9 @@ border: 1px solid rgba(255, 255, 255, 0.18); text-align: center; min-width: 300px; + display: flex; + flex-direction: column; + align-items: center; } .clock { @@ -60,15 +63,18 @@ } .analog-clock { - width: 280px; - height: 280px; - margin: 0 auto 20px auto; + width: 340px; + height: 340px; + margin: 0 auto -40px auto; position: relative; + display: flex; + align-items: center; + justify-content: center; } .clock-face { - width: 100%; - height: 100%; + width: 280px; + height: 280px; border-radius: 50%; background: radial-gradient(circle, #f8f6f0 0%, #e8e6e0 70%, #d0cec8 100%); border: 12px solid;