.beforeLandingPage {
    background-color: #f1f2f3;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* font-family: 'Roboto'; */
}

#root {
    height: 100vh;
    max-height: 100vh;
}

.scroller::-webkit-scrollbar {
    width: 5px;
    /* height: 12px; */
}
.scroller::-webkit-scrollbar-track {
    background: transparent;
}
.scroller::-webkit-scrollbar-thumb {
    background: #ddd;
    visibility:hidden;
    border-radius: 3px;
}
.scroller:hover::-webkit-scrollbar-thumb {
    visibility:visible;
}
.scroller {
    overflow: auto;
    /* font: 16px/1.5 Arial; */
    color: #444;
    /* border: 1px solid #ddd; */
    width: 100%;
    max-height: 100%;
    min-height: 100%;
    /* margin: 20px; */
    /* padding: 20px; */
    /* min-height: 91vh;
    max-height: 91vh; */
    /* max-width: 100px; */

    /* For FireFox */
    scrollbar-width: thin;          /* "auto" or "thin"  */
    /* scrollbar-color: blue orange; */
}

@media (max-width: 600px) {
    .scroller {
        padding: 0px;
        border: none;
    }
}