/* main */
@import "normalize.css";
@import "variables.css";
@import "fonts.css";

/* components */
@import "components/header.css";
@import "components/footer.css";
@import "components/sidebar.css";

/* other — рекомендуемые дополнения к стилям */

html {
  box-sizing: border-box;
}

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

body {
  min-width: 320px;
  font-family: "Inter", Arial, sans-serif;;
  background-color: var(--body);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

img {
  max-width: 100%;
}

html, body {
  height: 100%;
}

.none {
  display: none;
}
/* body { outline: 5px solid red; } */