@font-face {
  font-family: Inter;
  src: url(../fonts/Inter-Variable.ttf);
}

@font-face {
  font-family: Inter-Italic;
  src: url(../fonts/Inter-Italic-Variable.ttf);
}

* {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: manipulation;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

:root{
--top:env(safe-area-inset-top,0px);
--bottom:env(safe-area-inset-bottom,0px);
color-scheme:light dark;
}

body {
  user-select: none;
  padding-bottom: calc(.75rem + var(--bottom));
}

/*
header{
position:sticky;
top:0;
z-index:1000;
padding:calc(var(--top) + 1rem) 1rem 1rem;
background:#3b82f6;
color:#ffffff;
}

main{
padding-bottom:calc(5rem + var(--bottom));
}

nav{
position:fixed;
left:0;
right:0;
bottom:0;
display:flex;
padding:.75rem;
padding-bottom:calc(.75rem + var(--bottom));
background:rgba(255,255,255,.85);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
border-top:1px solid rgba(0,0,0,0.05);
}
*/