body, html{
    background-color: #FFF;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Roboto !important;
    font-weight: 500;
    color: #585859;
}

#root{
    min-height: 100%;
    height: 100vh;
    /* overflow: hidden; */
}
::-webkit-scrollbar {
    display: block;
    width: 5px;
    height: 5px;
    background: transparent;
}
::-webkit-scrollbar-thumb:hover {
    background: #02436B;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: #02436B;
}
::-webkit-scrollbar-thumb {
  height: 4px;
  border-radius: 40px;
}
::-webkit-scrollbar-track {
border-radius: 40px;
}

@font-face {
    font-family: 'Bella-Donna';
    src: url('../fonts/Bella-Donna.ttf');
}

@font-face {
    font-family: 'Roboto';
    src:  url('../fonts/Roboto-Regular.woff2') format('woff2'),
          url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Roboto';
    src:  url('../fonts/Roboto-Medium.woff2') format('woff2'),
          url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
}