@charset "utf-8";
:root{
  font: 16px/1.5 DINPro, BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  --color-primary: hsl(36, 40%, 80%);
  --color-secondary: hsl(0, 0%, 97%);
  --color-light: hsl(36, 41%, 84%);
  --color-dark: hsl(0, 0%, 7%);
  --color-text: hsl(0, 0%, 13%);
  --color-info: hsl(0, 0%, 20%);
  --color-tag: hsl(0, 0%, 40%);
  --color-desc: hsl(0, 0%, 60%);
  --color-line: hsl(0, 0%, 90%);
  --weight-light: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --radius-small:	2px;
  --radius:	4px;
  --radius-large:	8px;
  --radius-rounded: 290486px;
}
@font-face {
  font-family: 'ZKTK';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../font/ZKTK.eot");
  src: url("../font/ZKTK.eot?#iefix") format("embedded-opentype"), url("../font/ZKTK.woff2") format("woff2"), url("../font/ZKTK.woff") format("woff"), url("../font/ZKTK.ttf") format("truetype"), url("../font/ZKTK.svg#Bahnschrift") format("svg"); }
@font-face {
    font-family: 'DINPro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../font/DINPro.eot");
    src: url("../font/DINPro.eot?#iefix") format("embedded-opentype"), url("../font/DINPro.woff2") format("woff2"), url("../font/DINPro.woff") format("woff"), url("../font/DINPro.ttf") format("truetype"), url("../font/DINPro.svg#Bahnschrift") format("svg"); }

::-webkit-scrollbar{ display: none; width: 4px; height: 4px;}
::-webkit-scrollbar-thumb{ width: 3px; height: 3px; border-radius: 3px; background: var(--color-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(--color-text); }

button,
input,
select,
textarea{ all: unset; font-size: 1rem; border: 1px solid var(--color-light); border-radius: var(--radius); transition: all .086s ease-out;}

h1,h2,h3,h4,h5,h6{ line-height: 1.75; font-family: 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{ all: unset; display: inline-block; vertical-align: middle;}
img::before {  
  content: "ERROR 400";
}

iframe{ all: unset;}

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

a[href]:link,
a[href]:visited,
a[href]:active,
a[href]:focus{ color: var(--color-text); text-decoration: none; transition: all .086s ease-out; cursor: none !important;}
a[href]:hover{ color: var(--color-primary); transition: all .086s ease-out;}