@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=MuseoModerno:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");
body::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-track {
  background-color: #191919;
}

body::-webkit-scrollbar-thumb {
  background-color: #292929;
  border-radius: 0.25em;
}

@font-face {
  font-family: "Grtsk Mega";
  src: url(/Fonts/Grtsk.woff2) format("woff2");
}
*::-moz-selection {
  background-color: #090909;
}
*::selection {
  background-color: #090909;
}

* {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #292929 #191919;
}

body {
  background: #191919;
}

.popup {
  visibility: hidden;
  position: fixed;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 2rem;
  translate: -50% 0;
  left: 50%;
  font-size: clamp(0.9rem, 1.3vw, 1.5rem);
  padding: 0.65em 2.5em 0.65em 0.9em;
  border-radius: 2rem;
  color: #5b5b5b;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
          backdrop-filter: blur(24px) saturate(180%);
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
  cursor: default;
}
.popup a {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  transition: 0.25s;
}
.popup button {
  position: absolute;
  right: 0.45em;
  cursor: pointer;
  border-radius: 50%;
  outline: none;
  border: none;
  color: #999;
  background: transparent;
  transition: 0.25s;
  font-size: clamp(1.25rem, 2vw, 2.35rem);
}
.popup a:hover, .popup button:hover {
  color: #ccc;
}

@keyframes showpopup {
  from {
    opacity: 0;
    translate: -50% 5rem;
  }
  to {
    opacity: 1;
    translate: -50% 0;
  }
}
@keyframes removepopup {
  from {
    opacity: 1;
    translate: -50% 0;
  }
  to {
    opacity: 0;
    translate: -50% 2rem;
  }
}
.popup.visible {
  visibility: visible;
  animation: showpopup 2s ease;
}

.popup.disappear {
  animation: removepopup 0.5s ease;
}/*# sourceMappingURL=App.css.map */