diff --git a/style.css b/style.css index 9f46b5c..d4cc190 100644 --- a/style.css +++ b/style.css @@ -166,7 +166,10 @@ body.full #sound { position: fixed; z-index: 13; top: max(8px, env(safe-area-ins #splash .splash-present { font-size: clamp(12px, 2.6vw, 26px); } /* Compare solo se il browser aspetta un gesto per il suono (#splash.wait, main.js). */ #splash .splash-hint { display: none; margin-top: 2em; font-size: clamp(9px, 1.6vw, 14px); color: var(--dim); animation: blink 1.6s steps(1) infinite; } -#splash.wait .splash-hint { display: block; } +#splash.wait .splash-hint { display: block; opacity: 1; } +/* Finché si aspetta il tocco le scritte restano ferme all'inizio: partono insieme alla musichetta, e la caduta di + «(Poca)» cade sul suo rumorino (Andrea, 26 ottobre). */ +#splash.wait .splash-name, #splash.wait .splash-art, #splash.wait .splash-art span, #splash.wait .splash-present { animation-play-state: paused; } @keyframes blink { 50% { opacity: .25; } } #title .subtitle { font-size: max(10px, calc(var(--u) * 1.8)); } #title .dedication { font-size: max(9px, calc(var(--u) * 1.5)); }