@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('./reset.css');
@import url('./variables.css');
@import url('./typography.css');

@import url('./component.button.css');
@import url('./component.input.css');
@import url('./component.textarea.css');

@import url('./block.header.css');
@import url('./block.about.css');
@import url('./block.directions.css');
@import url('./block.teachers.css');
@import url('./block.price.css');
@import url('./block.schedule.css');
@import url('./block.trial.css');
@import url('./block.gallery.css');
@import url('./block.contacts.css');
@import url('./block.footer.css');
@import url('./block.modal.css');
@import url('./block.mobile-menu.css');

@import url('./page.thanks.css');

html {
  scroll-behavior: smooth !important;
}

body {
  position: absolute;
  background-color: var(--grey);
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
}

.main-site {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}

#container {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}