@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}
}

:focus-visible{outline:none}

.navlink{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-size:.95rem;
  font-weight:600;
  color:rgb(226 232 240);
  padding:.5rem .75rem;
  border-radius:.75rem;
  transition:background-color .2s ease, color .2s ease, transform .2s ease;
}
.navlink:hover{background-color:rgb(255 255 255 / .08)}
.navlink:focus{box-shadow:0 0 0 2px rgb(96 165 250 / .8)}

.mobilelink{
  font-size:1.5rem;
  font-weight:700;
  color:rgb(248 250 252);
  padding:.75rem 1rem;
  border-radius:1rem;
  width:min(22rem, 100%);
  transition:background-color .2s ease, transform .2s ease;
}
.mobilelink:hover{background-color:rgb(255 255 255 / .1);transform:translateY(-1px)}
.mobilelink:focus{box-shadow:0 0 0 2px rgb(96 165 250 / .8)}

.footlink{
  color:rgb(203 213 225);
  transition:color .2s ease, background-color .2s ease;
  border-radius:.5rem;
  padding:.25rem .35rem;
  display:inline-flex;
}
.footlink:hover{color:rgb(248 250 252);background-color:rgb(255 255 255 / .06)}
.footlink:focus{box-shadow:0 0 0 2px rgb(96 165 250 / .8)}

.tag{
  display:inline-flex;
  align-items:center;
  font-size:.75rem;
  line-height:1rem;
  padding:.25rem .5rem;
  border-radius:9999px;
  background-color:rgb(255 255 255 / .06);
  color:rgb(226 232 240);
  border:1px solid rgb(255 255 255 / .08);
}

img{max-width:100%;height:auto;display:block}

::selection{background-color:rgb(59 130 246 / .3);color:rgb(248 250 252)}