.waves{-webkit-user-select:none;user-select:none;flex-direction:column;width:100vw;height:100px;display:flex;position:relative}.waves-svg{filter:drop-shadow(0 0 8px #0003);width:100%}.buoy{filter:drop-shadow(0 0 4px #0003);height:216px;position:absolute;bottom:calc(100% - 100px);left:50%;transform:translate(-50%)}@media (orientation:portrait){.buoy{height:186px}}
.header{flex-direction:column;justify-content:end;height:42vh;display:flex;position:relative}@keyframes rain{0%{opacity:1;top:0}to{opacity:1;top:calc(100% - 6px)}}.drop{opacity:0;background-color:#93b3dc;width:4px;height:12px;animation:.5s linear infinite rain;position:absolute}.star{opacity:.75;background-color:#fff;width:3px;height:3px;position:absolute}.header-text{-webkit-user-select:none;user-select:none;background-color:#0003;flex-direction:row;align-items:center;padding:4px 16px;font-size:20px;display:flex;position:relative;box-shadow:0 0 4px #0003}.header-info-group{flex-direction:row;align-items:center;display:flex}.header-time,.header-conditions{text-align:center}@media (orientation:portrait){.header-text{flex-direction:column;gap:16px;padding:12px 16px;font-size:16px}.header-info-group{flex:none;justify-content:center;width:100%}.header-time{font-size:14px}}