@font-face {
  font-family: 'Spartan';
  src: url('spartan.ttf') format('truetype'),

}

@font-face {
  font-family: 'Inter';
  src: url('inter.ttf') format('truetype'),

}

/* Theme variables. [data-theme] lives on <html>; default (no attribute) matches light since that's the site default. */
:root,
[data-theme="light"] {
  --bg: #F7F7F7;
  --surface: #ffffff;
  --surface-alt: #f0f0f0;
  --text: #111111;
  --text-muted: #555555;
  --accent: #0048ad;
  --border: #dddddd;
  --shadow: rgba(0, 0, 0, 0.2);
  --input-bg: #ffffff;
  --input-text: #000000;
  --placeholder: rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] {
  --bg: #0d0d0d;
  --surface: #1a1a1a;
  --surface-alt: #242424;
  --text: #eaeaea;
  --text-muted: #a0a0a0;
  --accent: #5b93e8;
  --border: #333333;
  --shadow: rgba(0, 0, 0, 0.6);
  --input-bg: #1e1e1e;
  --input-text: #eaeaea;
  --placeholder: rgba(255, 255, 255, 0.4);
}

* {

  font-family: 'Inter',sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  scrollbar-width: none;  /* Firefox */
  line-break: normal;
  box-sizing: border-box;
}

h1{
font-size: 28px !important;
}

h2{
font-size: 24px !important;
}

h3{
font-size: 21px !important;
}

h4{
font-size: 18px !important;
}

h1,h2,h3,h4{
 font-family: 'Spartan', sans-serif;
 
}

html {
 background-size: auto;
  min-height: 100vh;
  background-color: var(--bg);
  color: var(--text);
}

html, body {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}

a:hover {
  text-decoration: none;
}

a:visited {
  color: inherit;
}

a.noformat:hover
{
  text-decoration: none;

}

b
{
  font-size:inherit;
}

*::-webkit-scrollbar
{
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;

}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

input,textarea
{
  background-color: var(--input-bg);
  color: var(--input-text);
border:1px solid var(--border);
border-radius:4px;
max-width: 100%;
box-sizing: border-box;
}

button,.button {
  outline: none;
  cursor: pointer;
  padding:4px;
  border: none;
  border-radius: 4px;
  text-align: center;
}

button *
{
  text-align: center !important;
  font-weight:900;
}


textarea {
  min-width: 42px;
  min-height: 42px;
}

::placeholder
{
color:var(--placeholder);
}

hr {
  border: 0.2px solid white;
  height: 0.2px;
}

td {
  border: 1px solid rgb(0, 0, 0, .05);
  padding: 4px;
}

iframe
{
border: 1px solid gray;

}