nuts / commit
style the logo
index.html | 2 +- src/style.css | 9 ++++++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index f59e007..1813b3b 100644 --- a/index.html +++ b/index.html @@ -32,7 +32,7 @@ <!-- Tap-to-start overlay (also handles iOS motion permission) --> <div id="start-overlay"> <div class="start-content"> - <img class="nut-icon" src="/icon-192.png" alt="Acorn icon" width="96" height="96" /> + <img class="nut-icon" src="/acorn.png" alt="Acorn icon" width="80" height="80" /> <h1>Nuts</h1> <p>Tap to begin</p> </div> diff --git a/src/style.css b/src/style.css index 50ea38a..78e0ee9 100644 --- a/src/style.css +++ b/src/style.css @@ -47,9 +47,12 @@ body { } .nut-icon { - width: 96px; - height: 96px; - filter: drop-shadow(0 0 24px rgba(200, 168, 75, 0.6)) invert(1) sepia(1) saturate(3) hue-rotate(5deg); + width: 80px; + height: 80px; + padding: 20px; + background: #c8a84b; + border-radius: 28px; + box-shadow: 0 0 40px rgba(200, 168, 75, 0.55), 0 0 80px rgba(200, 168, 75, 0.25); animation: bob 2.4s ease-in-out infinite; }