.clock-container{position:relative;width:100%;max-width:630px;max-height:630px}.svg-container{text-align:center;width:100%;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.floating-time{position:absolute;display:flex;justify-content:flex-end;align-items:flex-end;top:60px;right:12px;padding:5px;font-size:14px;font-weight:700;height:auto}@media (max-width:767px) and (pointer:coarse){.floating-time{font-size:20px}}.sun-path-svg{max-height:100%;max-width:100%;width:100%;height:auto}.text-label-light{font-size:16px;fill:black}.text-label-dark{font-size:16px;fill:#ffffff}.text-label-dark:hover,.text-label-light:hover{cursor:pointer;fill:#ff5733}.clock-label.light{color:black}.clock-label.dark{color:#ffffff}.clock-label-desktop{font-size:24px}.clock-label-desktop.light{fill:black}.clock-label-desktop.dark{fill:#ffffff}.clock-label-mobile{font-size:14px}.more-info-sun{font-size:24px;fill:black}.more-info-moon,.more-info-sun{font-weight:700;cursor:pointer;text-decoration:underline}.more-info-moon{font-size:65px;fill:#ffffff}.more-info-sun:hover{fill:blue;text-decoration:underline}.more-info-moon:hover{fill:grey;text-decoration:underline}.solar-clock-container{text-align:center;position:absolute;left:50%;bottom:-20vh;transform:translateX(-50%);width:100%;z-index:-1;overflow:visible}.solar-clock-animation{animation:riseUpSetDown 4s forwards}@keyframes riseUpSetDown{0%{bottom:-20vh}50%{bottom:35vh}to{bottom:-40vh}}