@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@400;700&display=swap');
@import url("def.css");
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
@import url("nav.css");
@import url("main.css");
@import url("skills.css");
@import url("colors.css");
@import url("contacts.css");
@import url("about.css");

@import url("media.css");

main, header, footer
{
  overflow: hidden !important;
}

.bg {
  background-color: rgb(51, 34, 66);
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  z-index: -1;
  min-height: 100%;
}

.bg::before, .bg::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
}

.bg::before {
  background: linear-gradient(90deg, rgb(15, 15, 35), transparent);
  left: 0;
  z-index: -2;
}

.bg::after {
  background: linear-gradient(270deg, rgb(15, 15, 35), transparent);
  right: 0;
  z-index: -2;
}

.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1200px;
}

.section {
  padding: 70px 0;
}

/* Убираем scroll bar */

body::-webkit-scrollbar {
  display: none;
}


html {
  -ms-overflow-style: none;
  scrollbar-width: none;
}