/* ===================================== */
/* GLOBALS.CSS - UNNEFY */
/* ===================================== */

/* RESET */
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&family=Space+Grotesk:wght@300;400;500;700&family=Poppins:wght@300;400;500;600&display=swap');

/* ===================================== */
/* GLOBAL RESET */
/* ===================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

/* ===================================== */
/* HTML + BODY */
/* ===================================== */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  width: 100%;
  min-height: 100vh;

  background: #000000;
  color: #ffffff;

  font-family: "Space Grotesk", sans-serif;

  overflow-x: hidden;
}

/* ===================================== */
/* MEDIA */
/* ===================================== */

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* ===================================== */
/* FORMS */
/* ===================================== */

input,
button,
textarea,
select {
  font: inherit;
  outline: none;
}

/* ===================================== */
/* BUTTONS */
/* ===================================== */

button {
  border: none;
  background: none;
  cursor: pointer;
}

/* Accessible focus */
button:focus-visible,
a:focus-visible {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

/* ===================================== */
/* LINKS */
/* ===================================== */

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

/* ===================================== */
/* LISTS */
/* ===================================== */

ul,
ol {
  list-style: none;
}

/* ===================================== */
/* TYPOGRAPHY */
/* ===================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Orbitron", sans-serif;
  font-weight: 700;
}

p {
  line-height: 1.7;
}

/* ===================================== */
/* CONTAINER */
/* ===================================== */

.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

/* ===================================== */
/* SELECTION */
/* ===================================== */

::selection {
  background: rgba(255,255,255,0.2);
  color: #ffffff;
}


::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0e0e0e;
}

::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15);
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.25);
}

/* ===================================== */
/* RESPONSIVE */
/* ===================================== */

@media screen and (max-width: 768px) {

  body {
    overflow-x: hidden;
  }

}