html {
    scroll-behavior: smooth;
}

.playBtnImage:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease-in-out;
}

.playBtnImage {
    transition: transform 0.3s ease-in-out;
}

@media only screen and (max-width: 600px) {
    .headerCornerImage {
        width: 25%;
    }

    .dregginationEventHeading {
        width: 100%;
    }

    .teamMemberImage {
        width: 100%;
    }
}

.textGlow {
    font-size: 80px;
    color: #fff;
    text-align: center;
    animation: glow .5s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
    from {
        color: #7EACE7;
    }

    to {
        color: #FFC825;
    }
}

/*cooldown badge style*/
/*@property --angle {*/
/*    syntax: "<angle>";*/
/*    inherits: false;*/
/*    initial-value: 0deg;*/
/*}*/

/*.cooldown-container {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.cooldown-container img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/

/*.cooldown-container::before {*/
/*    content: "";*/
/*    background: conic-gradient(transparent var(--angle), rgba(0, 0, 0, 0.8) 0deg);*/
/*    animation: cooldown-animation var(--time) linear infinite;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/

/*.cooldown-ended::before {*/
/*    content: none;*/
/*}*/

/*@keyframes cooldown-animation {*/
/*    0% {*/
/*        --angle: 0deg;*/
/*    }*/
/*    100% {*/
/*        --angle: 360deg;*/
/*    }*/
/*}*/