:root{
  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-md: 1rem;      /* 16px */
  --text-lg: 1.125rem;  /* 18px */
  --text-xl: 1.375rem;  /* 22px */
  --text-2xl: 1.75rem;  /* 28px */

  --lh: 1.55;
}

* { box-sizing: border-box; }
html, body { height: 100%;  font-family: "sans-serif",sofia;}

body{
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--lh);
  color: var(--text);
}
  
img{ max-width: 100%; height: auto; display: block; }
  
#od1-tag{width: 100%; max-width: 100vw; height: 8vh; background-color: #333333;
display: flex; align-items: center; justify-content: center; text-align: center; 
color: var(--on-surface);}

a{text-decoration: none; color: inherit; cursor: pointer;}

h1{
  margin: 0;
}