@use "variables";
@use "media";

body {
  top: 0 !important;
  position: static !important;
  scroll-behavior: smooth;

  @media screen and (max-width: 1200px) {
    overflow: auto;
  }
}

html {
  scroll-behavior: smooth;
  height: auto !important;
}

.container {
  width: 1180px;
  margin: 0 auto;
  position: relative;

  @include media.breakpoint-down('deskL') {
    width: 940px;
  }

  @include media.breakpoint-down('deskS') {
    width: 688px;
  }

  @include media.breakpoint-down('tabM') {
    width: 335px;
  }

  @include media.breakpoint-down('mobM') {
    width: 90%;
  }
}

*, textarea {
  font-family: variables.$ProximaNova;
  color: variables.$primary;
}