@font-face {
  font-family: 'Zantroke';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  }

:root{
  /*font: 16px/1.5 Zantroke, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;*/
  --primary: #2d4b81;
  --secondary: #c33;
  --tertiary: #5d82b5;

  --dark: #222;
  --light: #fff;

  --rounded: 290486px;
}

::-webkit-scrollbar{ width: 4px; display: none; }
::-webkit-scrollbar-thumb{ width: 3px; border-radius: 3px; background: var(--primary);}
::-webkit-scrollbar-track{ background: transparent;}
::-webkit-scrollbar-corner{ background: transparent;}

*,
*::before,
*::after{ box-sizing: border-box; margin: 0; padding: 0;}

html,
body{ width: 100%; overflow-x: hidden; color: var(--dark);}

button,
input,
select,
textarea{ all: unset; font-size: 1rem; border: 1px solid var(--light); border-radius: var(--radius);}

h1,h2,h3,h4,h5,h6{ line-height: 1.75; font-family: Zantroke, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;}

h1{ font-size: 2rem;}
h2{ font-size: 1.5rem;}
h3{ font-size: 1.25rem;}
h4{ font-size: 1rem;}
h5{ font-size: .875rem;}
h6{ font-size: .75rem;}

img{ position: relative; all: unset; display: inline-block; vertical-align: middle;}
img::before {  
  position: absolute;
  content: 'ERROR 400';
}

iframe{ all: unset;}

button:focus,
input:focus,
select:focus,
textarea:focus{ border: 1px solid var(--primary);}

a[href]:link,
a[href]:visited,
a[href]:active,
a[href]:focus{ text-decoration: none;}