@font-face {
  font-family: 'Alan Sans';
  src: url('/assets/fonts/AlanSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  margin: 0;
  font: 18px/1.6 "Alan Sans", system-ui;
  background: var(--bg);
  color: var(--text);
}

.container{ width:61.8%; max-width:1800px; margin:0 auto; padding:0 20px; }

a { color: inherit; text-decoration: none; transition: text-shadow .2s ease, color .2s ease; }
a:hover, a:focus { color: inherit; text-shadow: 0 0 4px #60ccfe; }

main{ min-height:60vh; }
footer{ border-top:1px solid var(--border); padding:32px 0; color:var(--muted); }
#app:focus{ outline: none; }

.lead{ color: var(--muted); }
.body-content{ margin-top:40px; }
.gradient-name{
  background:linear-gradient(90deg,var(--accent),var(--link));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}