:root, .default {
  --scroll:smooth;
  --transition1:.2s linear;
  --transition2:.15s linear;
}

.no-motion {
  --scroll:auto;
  --transition1:all 0s ease 0s;
  --transition2:all 0s ease 0s;
}

@font-face {
  font-family:"Alte Haas Grotesk";
  src:url("/assets/font/Alte_Haas_Grotesk.woff") format("woff");
}

@font-face {
  font-weight:bold;
  font-family:"Alte Haas Grotesk";
  src:url("/assets/font/Alte_Haas_Grotesk-Bold.woff") format("woff");
}

html {
  color:#ffffff;
  padding:15px 30px;
  background-color:#000000;
  scroll-behavior:var(--scroll);
  font-family:"Alte Haas Grotesk";
}

a:link, a:visited {
  color:var(--accent);
  text-decoration:none;
  transition:var(--transition1);
}

a:hover, a:active {
  opacity:0.5;
  color:var(--accent);
  text-decoration:none;
  transition:var(--transition2);
}

.outlink:after {
  content:"⤤";
  line-height:2vh;
}