/* Fonts */
@font-face{
  font-family: "Sakalangkong";
  src: url("/assets/fonts/Sakalangkong.ttf") format("truetype");
  font-display: swap;
}

/* Helpers */
.navlink{
  @apply px-3 py-2 rounded-xl hover:bg-black/5 transition;
}
.drawerlink{
  @apply px-3 py-2 rounded-xl border border-black/10 bg-white hover:bg-black/5 transition;
}
.pill{
  @apply inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-black/10 bg-white hover:bg-black/5 text-sm;
}
.link{
  @apply underline decoration-black/20 hover:decoration-black/60;
}

/* Active link (set by JS) */
.navlink.is-active, .drawerlink.is-active{
  color: #82c8ba;
  
}
.main {
  background-image: url(https://miro.medium.com/v2/0*VuEf1PYtQvh0KjMY.jpg);
}
/* Nice selection */
::selection{ background: rgba(231,203,223,.8); }