.splash {
    height: 150px;
    position: relative;
    overflow: hidden;
}


.splash-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 96.5%;
    opacity: 0.9;
    z-index: 1;
}

.splash-overlay-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60vh;
    z-index: 2;
}

.gmt-8-time{
    padding-top: 10pt;
    padding-left: 90%;
    font-size: 15t;
    /* text-align: right; */
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .splash, .splash-overlay, .splash-overlay-2 {
        height: 150px;
    }
}

.splash-happy-fisher {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}

.splash-my-color {
background: rgb(253,29,29);
background: linear-gradient(180deg, rgba(253,29,29,1) 0%, rgba(252,144,60,0.8827906162464986) 41%, rgba(252,176,69,1) 100%);
}

.splash-fly-high {
    background-image: linear-gradient(to top, #466751 0%, #2d4234 100%);
}

.splash-sharp-blues {
    background-color: #0036C5;
}

.splash-light-blue {
    /* background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%); */
    background-color: blue;
}

.splash-blue{
background: rgb(96,164,226);
background: linear-gradient(90deg, rgba(96,164,226,1) 0%, rgba(48,131,214,1) 49%, rgba(43,87,151,1) 100%);
}

.splash-blue-gradient-top-down{
    background: rgb(44,83,141);
    background: linear-gradient(180deg, rgba(44,83,141,1) 0%, rgba(90,168,251,1) 49%, rgba(39,138,227,1) 100%);
}

.splash-blue-top-down-lighter{
    background: rgb(42,83,145);
    background: linear-gradient(180deg, rgba(42,83,145,1) 0%, rgba(53,146,246,1) 49%, rgba(138,199,255,1) 100%);
}