@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('./general.css');
@import url('./hero.css');
@import url('./nav.css');
@import url('./intro.css');
@import url('./bg-img.css');
@import url('./about.css');
@import url('./studios.css');
@import url('./services.css');
@import url('./video.css');
@import url('./clients.css');
@import url('./team.css');
@import url('./gallery.css');
@import url('./contact.css');
@import url('./footer.css');
@import url('./mobile-menu.css');
@import url('./responsive.css');

html {scroll-behavior: smooth;}

:root {
  --white: #fff;
  --offwhite: #eee;
}

main,
.main {
  position: relative;
  z-index: 1;
  background-color: var(--white);
}

#hero,
#intro,
#studios,
#services,
#projects,
#clients,
#team,
#contact {
  position: relative;
  z-index: 1;
  background-color: var(--white);
}