@import url('reset.css');
@import url('variables.css');
@import url('menu.css');
@import url('main.css');
@import url('courses.css');
@import url('instructors.css');
@import url('carousel.css');
@import url('footer.css');

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: var(--bg-color);
  position: relative;
}

.body__bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: -1
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px;
}