@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

@import "./_variables.scss";

*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body {
  font-family: 'Quicksand', sans-serif !important;
  margin: 0;
  padding: 0;
  font-size: 16px;
  overflow-x: hidden;
  color: $color-main-gray;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}

html.fonts-loaded body {
  font-style: normal;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-style: normal;
  }
}

.container {
  width: 90%;
  margin: 0 auto;
}

img {
  width: 100%;
}


//Components
@import "./Components/login-photo";
@import "./Components/login";
@import "./Components/breadcrump";
@import "./Components/slidebar";
@import "./Components/logged-user";
@import "./Components/nav-item";
@import "./Components/title";
@import "./Components/sidebar-link";
@import "./Components/card";
@import "./Components/btn";
@import "./Components/table";
@import "./Components/form";
@import "./Components/toast";
@import "./Components/toast-notifications";