@import "./normlize.css";
@import "./variables.css";
@import "./fonts.css";
@import "./header.css";
@import "./footer.css";

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

html {
  scroll-behavior: smooth;
  font-size: 62.5%; /* 10px */
  height: 100%;
}

ul,
ol {
  list-style: none;
}

a {
  display: inline-block;
  text-decoration: none;
}

img {
  object-fit: cover;
  display: flex;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-family: var(--font-primary);
  background-image: url("../images/spotlight2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: var(--primary-color);
}

main {
  flex-grow: 1;
}

h1 {
  margin: 0;
}

.container {
  width: 100%;
  max-width: 1210px; /* o'zgaruvchan */
  padding-left: 5rem;
  padding-right: 5rem;
  margin-left: auto;
  margin-right: auto;
}