html,
body {
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    scrollbar-color: #b4b4b4 transparent;
    scrollbar-width: thin;
    overflow-y: hidden;
    -webkit-text-size-adjust: none;
    height: 100%;
}

div#root {
    height: 100%;
}

@media print and (min-width: 900px) {
    @page {
        size: 450mm 320mm;
    }
}

@media only screen and (min-width: 900px) {
    ::-webkit-scrollbar {
        width: 16px;
        height: 16px;
    }

    ::-webkit-scrollbar-track {
        background: transparent;
    }

    ::-webkit-scrollbar-thumb {
        border: 5px rgba(0, 0, 0, 0) solid;
        border-radius: 8px;
        background: #b4b4b4;
        background-clip: padding-box;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #d2d2d2;
        background-clip: padding-box;
    }

    ::-webkit-scrollbar-thumb:focus {
        background: #d2d2d2;
        background-clip: padding-box;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #d2d2d2;
        background-clip: padding-box;
    }

    ::-webkit-scrollbar-corner {
        background: transparent;
    }
}