@import "nav.css";
@import "home.css";
@import "about.css";
@import "animation.css";
@import "footer.css";
@import "media.css";

:root {
  --border: 5vw;
  --logo-width: 6vw;
  --nav-height: 9vh;
  --nav-padding: 1vh;
  --background-image: url("../assets/images/backgrounds2.png");
  --color-p: #b026ff;
  --color-d: #8b5cf6;
  --color-d-shadow: rgba(176, 38, 255, 0.56);
  --color-l: #b026ff;
  --color-text: #ffffff;
  --color-text-title: #ffffff;
  --color-background: #0a0a0a;
  --color-primary-background: #0a0a0a;
  --color-primary-dark: #8b5cf6;
  --font-p: calc(0.7em + 1vmin);
  --font-h1: calc(0.75em + 1vmin);
  --font-h2: calc(0.75em + 1vmin);
}

::-moz-selection {
  background: rgba(176, 38, 255, 0.3);
  text-shadow: none;
}

::selection {
  background: rgba(176, 38, 255, 0.3);
  text-shadow: none;
}

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

* {
  margin: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html {
  color: #222;
  font-size: calc(1em + 1vw);
  line-height: 1.4;
  width: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: var(--color-background);
  color: var(--color-text);
  font-family: 'Inter', sans-serif;
}

footer {
  height: 15vh;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}