.left-decor { position: fixed; left: 1rem; z-index: 5; opacity: .3; pointer-events: none; }
.left-decor svg { display: block; }
.decor-1 { top: 12%; }
.decor-2 { top: 40%; }
.decor-3 { bottom: 22%; }

@keyframes floatY {
  0% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0); }
}
.float-slow { animation: floatY 6s ease-in-out infinite; }
.float-med { animation: floatY 4.5s ease-in-out infinite; }
.float-fast { animation: floatY 3.8s ease-in-out infinite; }

/* Time badge */
.local-time { position: fixed; left: 1rem; bottom: 2rem; font-family: 'Fira Code', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; font-size: .75rem; color: #9ca3af; opacity: .85; z-index: 6; }

/* Mobile safety */
@media (max-width: 640px){
  .left-decor { opacity: .18; }
  .decor-1 svg, .decor-2 svg, .decor-3 svg { width: 26px; height: 26px; }
}