:root{
    --font_0:5.2rem;
    --stepFont_0:0.5rem;
    --font_1:21rem;
    --stepFont_1:1rem;
    --font_2:2.4rem;
    --stepFont_2:0.3rem;
    --font_3:1.7rem;
    --stepFont_3:0.1rem;
    --font_4:1.12rem;
    --stepFont_4:0.05rem;
    --font_5:0.95rem;
    --stepFont_5:0.05rem
}
@font-face {
    font-family: "Space Mono", monospace;
    src: url('../fonts/SpaceMono-Regular.woff2') format('woff2'), url('../fonts/SpaceMono-Regular.woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Space Mono", monospace;
    src: url('../fonts/SpaceMono-Italic.woff2') format('woff2'), url('../fonts/SpaceMono-Italic.woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}
@font-face {
    font-family: "Space Mono", monospace;
    src: url('../fonts/SpaceMono-Bold.woff2') format('woff2'), url('../fonts/SpaceMono-Bold.woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: "Space Mono", monospace;
    src: url('../fonts/SpaceMono-BoldItalic.woff2') format('woff2'), url('../fonts/SpaceMono-BoldItalic.woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}
html,body{font-size:16px}
body,input,textarea,select,button{
    font-family: "Space Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal
}
.skip {
  position: fixed;
  top: 10px;
  left: 10px;
  padding: 8px;
  background: yellow;
  color: black;
  font-weight: bold;
  border: none;
  transform: translateX(-150%);
  transition: transform 0.3s;
  z-index: 10000000
}
.skip:focus { transform: translateX(0) }
.italic{font-style:italic}
.w100{font-weight:100}
.w200{font-weight:200}
.w300{font-weight:300}  
.w400{font-weight:400}
.w500{font-weight:500}
.w600{font-weight:600}
.w700,b,strong{font-weight:700}
.w800{font-weight:800}
.w900{font-weight:900}
.ls05{letter-spacing:0.5px}
.ls1{letter-spacing:1px}
.ls2{letter-spacing:2px}
.l0_7{line-height:0.7}
.l0_8{line-height:0.8}
.l0_9{line-height:0.9}
.l1f{line-height:1 !important}
.l1{line-height:1.12}
.l1_1{line-height:1.12}
.l1_2{line-height:1.2}
.l1_3{line-height:1.3}
.l1_4{line-height:1.4}
.l1_5{line-height:1.5}
.l1_6{line-height:1.6}
.l1_7{line-height:1.7}
.l1_8{line-height:1.8}
.l1_9{line-height:1.9}
.l2{line-height:2}
.l2_1{line-height:2.1}
.l2_2{line-height:2.2}
.l2_3{line-height:2.3}
.l2_4{line-height:2.4}
.l2_5{line-height:2.5}
.l2_6{line-height:2.6}
.l2_7{line-height:2.7}
.l2_8{line-height:2.8}
.l2_9{line-height:2.9}
.l3{line-height:3}
.f_0{font-size:var(--font_0)}
.f_1{font-size:var(--font_1)}
.f_2{font-size:var(--font_2)}
.f_3{font-size:var(--font_3)}
.f_4{font-size:var(--font_4)}
.f_5{font-size:var(--font_5)}
.f_small{font-size:0.833rem}
.maggFont1_1 { font-size: 1.1em }
.maggFont1_15 { font-size: 1.15em }
.maggFont1_2 { font-size: 1.2em }
.maggFont1_3 { font-size: 1.3em }
.maggFont1_4 { font-size: 1.4em }
.maggFont1_45 { font-size: 1.45em }
.maggFont1_5 { font-size: 1.5em }
.maggFont1_6 { font-size: 1.6em }
.maggFont2 { font-size: 2em }
.maggFont2_1 { font-size: 2.1em }
.maggFont2_2 { font-size: 2.2em }
.maggFont2_3 { font-size: 2.3em }
.maggFont2_4 { font-size: 2.4em }
.maggFont2_5 { font-size: 2.5em }
.minFont1_1 { font-size: 0.95em }
.minFont1_15 { font-size: 0.85em }
.minFont1_2 { font-size: 0.8em }
.minFont1_25 { font-size: 0.85em }
.minFont1_3 { font-size: 0.75em }
.minFont1_4 { font-size: 0.7em }
.minFont1_5 { font-size: 0.65em }
@media (max-width: 430px) {
    .f_0{font-size:calc(var(--font_0) - (var(--stepFont_0) * 3))}
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 3))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 3))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 3))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 3))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 3))}
}
@media (min-width: 431px) and (max-width: 767px) {
    .f_0{font-size:calc(var(--font_0) - (var(--stepFont_0) * 3))}
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 3))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 3))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 3))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 3))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 3))}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .f_0{font-size:calc(var(--font_0) - (var(--stepFont_0) * 2))}
    .f_1{font-size:calc(var(--font_1) - (var(--stepFont_1) * 2))}
    .f_2{font-size:calc(var(--font_2) - (var(--stepFont_2) * 2))}
    .f_3{font-size:calc(var(--font_3) - (var(--stepFont_3) * 2))}
    .f_4{font-size:calc(var(--font_4) - (var(--stepFont_4) * 2))}
    .f_5{font-size:calc(var(--font_5) - (var(--stepFont_5) * 2))}
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .f_0{font-size:calc(var(--font_0) - var(--stepFont_0))}
    .f_1{font-size:calc(var(--font_1) - var(--stepFont_1))}
    .f_2{font-size:calc(var(--font_2) - var(--stepFont_2))}
    .f_3{font-size:calc(var(--font_3) - var(--stepFont_3))}
    .f_4{font-size:calc(var(--font_4) - var(--stepFont_4))}
    .f_5{font-size:calc(var(--font_5) - var(--stepFont_5))}
}