/* ---- Includes ---- */
// --- Components
@import "components/footer";
@import "components/navgiation";
@import "components/project-section";
@import "components/hero";
@import "components/category-section";
@import "components/contact-form";

// --- Extras
@import "extra/mobile";
@import "extra/typewriter-effect";
@import "extra/scroll-down-icon-animation";
@import "extra/animate";

// --- Pages
@import "pages/project-page";
@import "pages/about-page";
@import "pages/work-page";

/* ---- Global Styling ---- */
* {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: 'Roboto Mono', serif !important;
  background: #0f0f0f !important;
  color: #fff !important;
}

.whitespace {
  width: 100%;
  height: 100px;
}

@media(max-width: 768px) {
  .whitespace {
    display: none;
  }
}