.hr-line {
    border: 1px dashed #bbbbbb; 
    width: 100%;
}

a, button, div, h1, h2, h3, h4, h5, h6, input, link, p, select, span, strong, textarea {
    font-family: 'SF UI Display' !important;
    font-style: normal;
    src: local('SF UI Display Ultralight'), url('/fonts/sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
}

body, .LoginSignup-form-container {
    font-family: 'SF UI Display';
    font-style: normal;
    font-weight: normal;
    src: local('SF UI Display Ultralight'), url('/fonts/sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
    overflow-y: scroll;        
    scrollbar-width: none !important;     
    -ms-overflow-style: none !important;   
}

body::-webkit-scrollbar, .LoginSignup-form-container::-webkit-scrollbar {
    width: 0px;                
    background: transparent;
}


@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 100;
  src: local('SF UI Display Ultralight'), url('/fonts/sf-ui-display-ultralight-58646b19bf205.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 200;
  src: local('SF UI Display Thin'), url('/fonts/sf-ui-display-thin-58646e9b26e8b.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 300;
  src: local('SF UI Display Light'), url('/fonts/sf-ui-display-light-58646b33e0551.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 500;
  src: local('SF UI Display Medium'), url('/fonts/sf-ui-display-medium-58646be638f96.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 600;
  src: local('SF UI Display Semibold'), url('/fonts/sf-ui-display-semibold-58646eddcae92.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 700;
  src: local('SF UI Display Bold'), url('/fonts/sf-ui-display-bold-58646a511e3d9.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 800;
  src: local('SF UI Display Heavy'), url('/fonts/sf-ui-display-heavy-586470160b9e5.woff') format('woff');
}

@font-face {
  font-family: 'SF UI Display';
  font-style: normal;
  font-weight: 900;
  src: local('SF UI Display Black'), url('/fonts/sf-ui-display-black-58646a6b80d5a.woff') format('woff');
}


.root {
  margin: 0%;
  /* --main-font: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif; */
  --main-font: "SF UI Display", "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  height: 100vh;
  overflow-x: hidden;
  background-color: rgba(223, 221, 218, 0.397);
}