html {
    /* font-size:102%; */
    @media (min-width: 1800px) {
        font-size: 120%;
    }
}

body {
    margin: 0;
    max-height: 100vh;
}

* {
    box-sizing: border-box;
    min-width: 0 !important;
    font-family: "Lato", sans-serif;
    // position: relative;
    overflow: hidden;
    flex-shrink: 0;
    word-wrap: break-word;
}

/* For Webkit browsers */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    opacity: 0.4;
    /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
    background: transparent;
    /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
    background: var(--elementsBackground);
    /* color of the scroll thumb */
    border-radius: 10px;
    opacity: 0.4;
    /* roundness of the scroll thumb */
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
    opacity: 0.4;
    /* color of the scroll thumb when hovering */
}

/* For Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--elementsBackground) transparent;
}

body,
html {
    height: 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 0rem;
    overflow-y: auto;
    background-color: var(--primaryBackground);
}