/**
 * From https://codepen.io/zessx/details/kyEEBK
 *
 * Copyright (c) 2026 by zessx (https://codepen.io/zessx/pen/kyEEBK)
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

.hour-0,
.hour-00 {
  background-image: linear-gradient(to bottom, #00000c 85%, #00000c 100%);

}

.hour-1,
.hour-01 {
  background-image: linear-gradient(to bottom, #020111 85%, #191621 100%);
}

.hour-2,
.hour-02 {
  background-image: linear-gradient(to bottom, #020111 60%, #20202c 100%);
}

.hour-3,
.hour-03 {
  background-image: linear-gradient(to bottom, #020111 10%, #3a3a52 100%);
}

.hour-4,
.hour-04 {
  background-image: linear-gradient(to bottom, #20202c 0%, #515175 100%);
}

.hour-5,
.hour-05 {
  background-image: linear-gradient(to bottom, #40405c 0%, #6f71aa 80%, #8a76ab 100%);
}

.hour-6,
.hour-06 {
  background-image: linear-gradient(to bottom, #4a4969 0%, #7072ab 50%, #cd82a0 100%);
}

.hour-7,
.hour-07 {
  background-image: linear-gradient(to bottom, #757abf 0%, #8583be 60%, #eab0d1 100%);
}

.hour-8,
.hour-08 {
  background-image: linear-gradient(to bottom, #82addb 0%, #ebb2b1 100%);
}

.hour-9,
.hour-09 {
  background-image: linear-gradient(to bottom, #94c5f8 1%, #a6e6ff 70%, #b1b5ea 100%);
}

.hour-10 {
  background-image: linear-gradient(to bottom, #b7eaff 0%, #94dfff 100%);
}

.hour-11 {
  background-image: linear-gradient(to bottom, #9be2fe 0%, #67d1fb 100%);
}

.hour-12 {
  background-image: linear-gradient(to bottom, #90dffe 0%, #38a3d1 100%);
}

.hour-13 {
  background-image: linear-gradient(to bottom, #57c1eb 0%, #246fa8 100%);
}

.hour-14 {
  background-image: linear-gradient(to bottom, #2d91c2 0%, #1e528e 100%);
}

.hour-15 {
  background-image: linear-gradient(to bottom, #2473ab 0%, #1e528e 70%, #5b7983 100%);
}

.hour-16 {
  background-image: linear-gradient(to bottom, #1e528e 0%, #265889 50%, #9da671 100%);
}

.hour-17 {
  background-image: linear-gradient(to bottom, #1e528e 0%, #728a7c 50%, #e9ce5d 100%);
}

.hour-18 {
  background-image: linear-gradient(to bottom, #154277 0%, #576e71 30%, #e1c45e 70%, #b26339 100%);
}

.hour-19 {
  background-image: linear-gradient(to bottom, #163C52 0%, #4F4F47 30%, #C5752D 60%, #B7490F 80%, #2F1107 100%);
}

.hour-20 {
  background-image: linear-gradient(to bottom, #071B26 0%, #071B26 30%, #8A3B12 80%, #240E03 100%);
}

.hour-21 {
  background-image: linear-gradient(to bottom, #010A10 30%, #59230B 80%, #2F1107 100%);
}

.hour-22 {
  background-image: linear-gradient(to bottom, #090401 50%, #4B1D06 100%);
}

.hour-23 {
  background-image: linear-gradient(to bottom, #00000c 80%, #150800 100%);
}