/*
.mainGame {
    display: block;
    height: 100vh;
    background-color: #f5f5f5;
    width: 100vw;
    overflow: hidden;
}

#mainHeader {
    height: 5vh;
}
#mainMenu {
    height: 20vh;
}
#mainPage {
    height: 70vh;
    overflow: auto;
    background: #FFF;
    border-radius: 1em;
}
#mainFooter {
    height: 5vh;
}
*/

.text-gray {
    color: #CCC;
}
.cursor-pointer {
    cursor: pointer;
}

.custom-progress {
    height: 2px;
    background: rgb(157,3,3);
    background: linear-gradient(0deg, rgba(157,3,3,1) 0%, rgba(77,0,0,1) 35%, rgba(157,3,3,1) 100%);
    border-radius: 0rem;
    overflow: hidden;
}
.custom-progress .progress-bar {
background: rgb(255,112,112);
background: linear-gradient(90deg, rgba(255,112,112,1) 0%, rgba(232,3,3,1) 1%, rgba(247,30,30,1) 35%, rgba(255,108,108,1) 60%, rgba(247,30,30,1) 99%, rgba(252,193,193,1) 100%);
}