body {
    background: linear-gradient(to top left, #f8d842, #6e2ad8) no-repeat center center fixed;
    background-size: cover;
    padding-bottom: 2rem;
}

.gameNumbers {
    width: 70rem;
    height: auto;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 15px;
    padding: 1rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    margin: 2rem auto;
    transition: all 0.5s ease;
}

.numberBtn {
    width: 5.8rem;
    height: 3.5rem;
    transition: all 0.5s ease;
    -webkit-text-stroke-color: black !important;

}

.heading-main {
    width: max-content;
    margin: 4rem auto 4rem auto;
    -webkit-text-stroke-width: 0.2rem;
    -webkit-text-stroke-color: black;
    text-shadow: 0 3px 3px black;
}

.shadow-activated {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.5);
}

.shadow-active {
    box-shadow: 0 15px 90px black;
}

/* Designing for scroll-bar */
::-webkit-scrollbar {
    width: 15px;
    background: transparent;
}

/* Track */
::-webkit-scrollbar-track {
    background: darkgray;
    border-radius: 5px;
    transition: all 0.2s ease;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 5px;
    z-index: 55;
    border: 4px solid black;
    transition: all 2s ease;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #e9c002;
}

.btn-outline-warning {
    color: black !important;
}