diff --git a/index.html b/index.html index 058a00a..793046f 100644 --- a/index.html +++ b/index.html @@ -10,25 +10,26 @@ #vanta { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; } #info-panel { position: fixed; - top: 2vh; - bottom: 2vh; + top: 50%; right: 1.5vw; + transform: translateY(-50%); color: #e6dfd1; background: rgba(28, 27, 31, 0.7); - padding: 1vh 1vw; + padding: 1.5vh 1.5vw; border-radius: 0.6vh; z-index: 9999; font-size: clamp(11px, 1.4vh, 16px); line-height: 1.5; - min-width: 22vw; + width: min(35vh, 16vw); + max-height: 96vh; display: flex; flex-direction: column; overflow-y: auto; - max-height: calc(100vh - 4vh); + align-items: stretch; } #analog-clock { - width: min(35vh, 16vw); - height: min(35vh, 16vw); + width: 100%; + height: auto; margin: 0 auto 0.6vh auto; display: block; flex-shrink: 0;