Fix positioning of olympia-symbol and adjust ring CSS for improved alignment [skip ci]

This commit is contained in:
CodeDevMLH
2026-02-27 03:59:19 +01:00
parent 669ac6d3da
commit 3c1bd01373

View File

@@ -12,10 +12,11 @@
.olympia-symbol { .olympia-symbol {
position: absolute; position: absolute;
top: -10vh; top: 0;
opacity: 0.95; opacity: 0.95;
text-shadow: 0 0 10px rgba(255,255,255,0.2); text-shadow: 0 0 10px rgba(255,255,255,0.2);
z-index: 40; z-index: 40;
translate: 0 -10vh;
} }
.olympia-flame { .olympia-flame {
@@ -34,8 +35,8 @@
.olympia-ring-css::before { .olympia-ring-css::before {
content: ''; content: '';
position: absolute; position: absolute;
top: 50%; left: 50%; top: 0;
transform: translate(-50%, -50%); translate: -50% -50%;
width: 30px; width: 30px;
height: 30px; height: 30px;
border: 5px solid #0081C8; /* Default blue ring */ border: 5px solid #0081C8; /* Default blue ring */
@@ -46,13 +47,15 @@
} }
.olympia-symbol { .olympia-symbol {
position: absolute; position: absolute;
top: -10vh; top: 0;
opacity: 0.95; opacity: 0.95;
text-shadow: 0 0 10px rgba(255,255,255,0.2); text-shadow: 0 0 10px rgba(255,255,255,0.2);
z-index: 40; z-index: 40;
translate: 0 -10vh;
} }
.olympia-inner { .olympia-inner {
will-change: transform;
display: inline-block; display: inline-block;
animation: olympia-sway linear infinite alternate; animation: olympia-sway linear infinite alternate;
} }