/*-- global --*/

:root {
  --clr-1: #ffffff;
  --clr-2: #111111;

  --clr-3: #ffffff;
  --clr-3-dark: #ffffff;

  --clr-4: #215caf;
}

h1,
h2,
h3,
h4,
h5,
p,
a,
li,
button {
  font-family: "Nerko One", sans-serif;
}

h1 {
  font-size: 14rem;
  font-weight: 400;
  line-height: 1;

  text-shadow: 0.3rem 0.5rem var(--clr-1);
}
h2 {
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;

  text-shadow: -1px -1px var(--clr-1), 1px -1px var(--clr-1),
    1px 1px var(--clr-1), -1px 1px var(--clr-1);
}

h5 {
  font-size: 2rem;

  text-shadow: -1px -1px var(--clr-1), 1px -1px var(--clr-1),
    1px 1px var(--clr-1), -1px 1px var(--clr-1);
}

p,
li,
a,
button {
  font-size: 2rem;
  line-height: 1.2;
}

p {
  color: var(--clr-2-tr);
}
a {
  color: var(--clr-2);
  transition: 0.3s;
}
a:hover {
  color: var(--clr-4);
}

span {
  color: #b39f24;
}

::-webkit-scrollbar {
  width: 0.5rem;
  background: var(--clr-1);
}
::-webkit-scrollbar-track {
  border-left: none;
}
::-webkit-scrollbar-thumb {
  background: var(--clr-3);
}