/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
  font-family: "proxima-nova";
  src: url("../assets/fonts/proxima-nova/proximanova_regular.ttf")
    format("truetype");
}

body {
  position: relative;
  padding: 0;
  min-height: 100vh;
  background: #151515;
  font-family: "proxima-nova", sans-serif;
  color: #979797;
  width: 1600px;
  margin: 0 auto;
}

.main {
  overflow: visible;
  margin-top: 240px;
  pointer-events: none;
}

.main.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  opacity: 1;
}

a {
  color: inherit;
  text-decoration: none;
}

svg {
  width: 100%;
  height: auto;
}

.layout {
  overflow: visible;
  width: 100%;
  min-width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

.layout::after {
  z-index: 100;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  background: url("../assets/Dust.svg");
  height: 100vh;
  width: 100vw;
  pointer-events: none;
}

@media (max-width: 1366px) {
  body {
    zoom: 0.84;
  }
}

@media (max-width: 1180px) {
  body {
    zoom: 0.72;
  }
}

@media (max-width: 1025px) {
  body {
    zoom: 0.6;
  }
}

@media (max-width: 860px) {
  body {
    zoom: 0.5;
  }
}

@media (max-width: 768px) {
  body {
    width: 768px;
    margin: 0;
    @-ms-viewport {
      width: 768px;
    }
    zoom: 1;
  }

  .main {
    margin-top: 160px;
  }

  .layout {
    overflow: hidden;
  }
}