@use "../mixins/media-queries.scss";
@use "../helpers/space.scss";

:root {
  --rt-opacity: 1 !important;
}

body {
  padding: 20px;
  font-size: 16px;
  overflow: auto;
  max-width: 100%;
  margin: 0 auto;

  @include media-queries.lg {
    padding: 120px 20px;
  }

  @include media-queries.xl {
    max-width: 1280px;
    margin: 0 auto;
  }
}

main {
  position: relative;
  padding-top: 70px;

  @include media-queries.lg {
    padding-top: 30px;
  }
}

.text-container {
  margin: 0 auto;
  max-width: 735px;
  color: #8A8A8A;
  text-align: center;
  line-height: 26px;
}

.skip-to-content-link {
  left: 50%;
  top: -10%;
  position: absolute;
  transform: translateY(-100%);
}
