@import url('https://fonts.googleapis.com/css?family=Lato:300,700|Roboto+Condensed:700');
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html {
line-height:1.15;
-webkit-text-size-adjust:100%
}

body {
margin:0
}

main {
display:block
}

h1 {
font-size:2em;
margin:.67em 0
}

hr {
box-sizing:content-box;
height:0;
overflow:visible
}

pre {
font-family:monospace,monospace;
font-size:1em
}

a {
background-color:transparent
}

abbr[title] {
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}

b,strong {
font-weight:bolder
}

code,kbd,samp {
font-family:monospace,monospace;
font-size:1em
}

small {
font-size:80%
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sub {
bottom:-.25em
}

sup {
top:-.5em
}

img {
border-style:none
}

button,input,optgroup,select,textarea {
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}

button,input {
overflow:visible
}

button,select {
text-transform:none
}

button,[type="button"],[type="reset"],[type="submit"] {
-webkit-appearance:button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}

fieldset {
padding:.35em .75em .625em
}

legend {
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}

progress {
vertical-align:baseline
}

textarea {
overflow:auto
}

[type="checkbox"],[type="radio"] {
box-sizing:border-box;
padding:0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
height:auto
}

[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}

[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}

details {
display:block
}

summary {
display:list-item
}

template {
display:none
}

[hidden] {
display:none
}

html {
--theme-hue:0;
--accent-hue:0;
--text-color-richer:hsl(var(--theme-hue),0%,5%);
--text-color-normal:hsl(var(--theme-hue),0%,13%);
--text-color-softer:hsl(var(--theme-hue),0%,33%);
--accent-color:hsl(var(--accent-hue),0%,10%);
--accent-color-hover:hsl(var(--accent-hue),0%,5%);
--border-color:hsl(var(--theme-hue),0%,73%);
--border-color-softer:hsl(var(--theme-hue),0%,82%);
--background-color:#fff;
--background-color-softer:hsl(var(--theme-hue),0%,95%);
--code-background:hsl(var(--theme-hue),0%,95%);
--button-primary-color:#fff;
--base-font-size:62.5%;
--grid-max-width:1400px
}

@media (prefers-color-scheme: dark) {
:html {
--theme-hue:0;
--accent-hue:194;
--text-color-richer:hsl(var(--theme-hue),0%,95%);
--text-color-normal:hsl(var(--theme-hue),0%,80%);
--text-color-softer:hsl(var(--theme-hue),0%,67%);
--accent-color:hsl(var(--accent-hue),76%,49%);
--accent-color-hover:hsl(var(--accent-hue),86%,57%);
--border-color:hsl(var(--theme-hue),0%,27%);
--border-color-softer:hsl(var(--theme-hue),0%,20%);
--background-color:hsl(var(--theme-hue),0%,12%);
--background-color-softer:hsl(var(--theme-hue),0%,18%);
--code-background:hsl(var(--theme-hue),0%,5%);
--button-primary-color:#fff
}

img.value-img {
filter:invert(0.8)
}
}

.grid-container {
position:relative;
max-width:var(--grid-max-width);
margin:0 auto;
padding:20px;
display:grid;
grid-gap:20px;
gap:20px;
grid-template-columns:minmax(200px,1fr)
}

@media (min-width: 600px) {
.grid-container {
grid-template-columns:repeat(3,1fr);
padding:10px 0
}

.grid-container.fifths {
grid-template-columns:repeat(5,1fr)
}

.grid-container.quarters {
grid-template-columns:repeat(4,1fr)
}

.grid-container.thirds {
grid-template-columns:repeat(3,1fr)
}

.grid-container.halves {
grid-template-columns:repeat(2,1fr)
}

.grid-container.full {
grid-template-columns:1fr
}
}

html {
font-size:var(--base-font-size);
scroll-behavior:smooth
}

body {
font-size:1.6rem;
line-height:1.6;
font-weight:400;
color:var(--text-color-normal);
background-color:var(--background-color)
}

h1,h2,h3,h4,h5,h6 {
margin-top:0;
margin-bottom:2rem;
font-weight:300
}

h1 {
font-size:4rem;
line-height:1.2;
letter-spacing:-.1rem
}

h2 {
font-size:3.6rem;
line-height:1.25;
letter-spacing:-.1rem
}

h3 {
font-size:3rem;
line-height:1.3;
letter-spacing:-.1rem
}

h4 {
font-size:2.4rem;
line-height:1.35;
letter-spacing:-.08rem
}

h5 {
font-size:1.8rem;
line-height:1.5;
letter-spacing:-.05rem
}

h6 {
font-size:1.5rem;
line-height:1.6;
letter-spacing:0
}

@media (min-width: 600px) {
h1 {
font-size:5rem
}

h2 {
font-size:4.2rem
}

h3 {
font-size:3.6rem
}

h4 {
font-size:3rem
}

h5 {
font-size:2.4rem
}

h6 {
font-size:1.5rem
}
}

p {
margin-top:0
}

a {
color:var(--accent-color)
}

a:hover {
color:var(--accent-color-hover)
}

.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
display:inline-block;
height:38px;
padding:0 30px;
color:var(--text-color-softer);
text-align:center;
font-size:11px;
font-weight:600;
line-height:38px;
letter-spacing:.1rem;
text-transform:uppercase;
text-decoration:none;
white-space:nowrap;
background-color:transparent;
border-radius:4px;
border:1px solid var(--border-color);
cursor:pointer;
box-sizing:border-box
}

.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {
color:var(--text-color-normal);
border-color:var(--text-color-softer);
outline:0
}

.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {
color:var(--button-primary-color);
background-color:var(--accent-color);
border-color:var(--accent-color)
}

.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {
color:var(--button-primary-color);
background-color:var(--accent-color-hover);
border-color:var(--accent-color-hover)
}

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {
height:38px;
padding:6px 10px;
background-color:var(--background-color);
border:1px solid var(--border-color-softer);
border-radius:4px;
box-shadow:none;
box-sizing:border-box
}

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="button"],input[type="submit"],textarea {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}

textarea {
min-height:65px;
padding-top:6px;
padding-bottom:6px
}

input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
border:1px solid var(--accent-color);
outline:0
}

label,legend {
display:block;
margin-bottom:.5rem;
font-weight:600
}

fieldset {
padding:0;
border-width:0
}

input[type="checkbox"],input[type="radio"] {
display:inline
}

label > .label-body {
display:inline-block;
margin-left:.5rem;
font-weight:400
}

ul {
list-style:circle inside
}

ol {
list-style:decimal inside
}

ol,ul {
padding-left:0;
margin-top:0
}

ul ul,ul ol,ol ol,ol ul {
font-size:100%;
margin:1rem 0 1rem 3rem;
color:var(--text-color-softer)
}

li {
margin-bottom:.5rem
}

code {
padding:.2rem .5rem;
margin:0 .2rem;
font-size:90%;
white-space:nowrap;
background:var(--code-background);
border:1px solid var(--border-color-softer);
border-radius:4px
}

pre > code {
display:block;
padding:1rem 1.5rem;
white-space:pre;
overflow:auto
}

th,td {
padding:12px 15px;
text-align:left;
border-bottom:1px solid var(--border-color-softer)
}

th:first-child,td:first-child {
padding-left:0
}

th:last-child,td:last-child {
padding-right:0
}

button,.button {
margin-bottom:1rem
}

input,textarea,select,fieldset {
margin-bottom:1.5rem
}

pre,blockquote,dl,figure,table,p,ul,ol,form {
margin-bottom:2.5rem
}

.u-full-width {
width:100%;
box-sizing:border-box
}

.u-max-full-width {
max-width:100%;
box-sizing:border-box
}

.u-pull-right {
float:right
}

.u-pull-left {
float:left
}

.u-align-left {
text-align:left
}

.u-align-right {
text-align:right
}

hr {
margin-top:3rem;
margin-bottom:3.5rem;
border-width:0;
border-top:1px solid var(--border-color-softer)
}

.container:after,.row:after,.u-cf {
content:"";
display:table;
clear:both
}

#navcheck {
position:fixed;
opacity:0
}

label .burger {
position:absolute;
top:1.5em;
left:1.5em;
z-index:3;
width:2em;
height:2em;
margin:0;
padding:0;
transition:opacity .5s cubic-bezier(0.19,1,0.22,1);
cursor:pointer
}

label .burger::before,label .burger .bar,label .burger::after {
position:absolute;
left:0;
display:block;
width:100%;
height:12%;
background:#fff;
content:"";
transition:all .5s cubic-bezier(0.19,1,0.22,1)
}

label .burger .bar {
top:44%
}

label .burger::before {
top:0;
transform-origin:top left
}

label .burger::after {
bottom:0;
transform-origin:bottom left
}

input:focus + label .burger,label:hover .burger {
opacity:.75
}

nav {
position:fixed;
top:0;
left:0;
bottom:0;
z-index:2;
display:flex;
flex-flow:column nowrap;
justify-content:center;
align-items:flex-start;
transform:translate3d(0,0,0);
transform:translateX(-100%);
will-change:transform;
transition:transform .5s cubic-bezier(0.19,1,0.22,1)
}

nav::before {
position:absolute;
top:0;
bottom:0;
left:0;
z-index:-1;
width:25em;
background:#d62956;
content:"";
transform:skewX(5deg) translateX(-100%);
transform-origin:bottom left;
will-change:transform;
transition:transform .5s cubic-bezier(0.19,1,0.22,1)
}

@media (min-width: 40em) {
nav::before {
width:40em
}
}

nav a {
margin:.5em 0;
padding:.2em 2em;
font-size:2.5em;
color:#fff;
text-decoration:none;
font-weight:500;
transform:translateX(-100%);
transition:color 0.15s,transform .5s;
transition-timing-function:cubic-bezier(0.19,1,0.22,1)
}

nav a:nth-child(1) {
transition-delay:0s,100ms
}

nav a:nth-child(2) {
transition-delay:0s,150ms
}

nav a:nth-child(3) {
transition-delay:0s,200ms
}

nav a:nth-child(4) {
transition-delay:0s,250ms
}

nav a:nth-child(5) {
transition-delay:0s,300ms
}

nav a:nth-child(6) {
transition-delay:0s,350ms
}

nav a:hover,nav a:focus {
color:#000
}

main .content {
transform:translate3d(0,0,0);
will-change:transform,filter;
transition:all .5s cubic-bezier(0.19,1,0.22,1)
}

[id=navcheck]:checked + label::before {
opacity:1;
pointer-events:auto
}

[id=navcheck]:checked + label .burger::before,[id=navcheck]:checked + label .burger::after {
width:141.42%
}

[id=navcheck]:checked + label .burger::before {
transform:rotate(45deg) translateY(-50%)
}

[id=navcheck]:checked + label .burger::after {
transform:rotate(-45deg) translateY(50%)
}

[id=navcheck]:checked + label .burger .bar {
transform:scale(0.1)
}

[id=navcheck]:checked ~ nav {
transform:translateX(0)
}

[id=navcheck]:checked ~ nav::before {
transform:skewX(5deg) translateX(0)
}

[id=navcheck]:checked ~ nav a {
transform:translateX(0)
}

.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}

body {
overflow-x:hidden;
background:hsl(0,0%,5%);
color:#fff;
font:1em/1.4 lato
}

header {
padding:10px
}

main {
background:#fff;
color:#444;
padding:20px 0;
min-height:60vh
}

article {
width:90%;
margin:0 auto;
font-size:1.3em
}

footer {
padding:20px;
text-align:center
}

.button-block {
height:auto;
padding:10px;
display:block;
width:100%
}

@media (min-width: 60em) {
article {
width:95%
}

.flex {
display:flex;
gap:30px
}

.scorebox {
grid-template-columns:repeat(4,minmax(0,1fr))
}
}

h1 {
font:2.5em/1.4 "roboto condensed";
font-weight:700
}

.leading-20 {
line-height:20px
}

.m-0 {
margin:0
}

.mt-10 {
margin-top:10px
}

.mt-20 {
margin-top:20px
}

.mt-50 {
margin-top:50px
}

.mt-100 {
margin-top:100px
}

.mb-10 {
margin-bottom:10px
}

.ml-20 {
margin-left:20px
}

.ml-50 {
margin-left:50px
}

.center {
text-align:center
}

.text-right {
text-align:right
}

.errormsg {
font-size:2em;
margin-bottom:.5rem
}

.align-center {
align-items:center
}

.align-base {
align-items:baseline
}

.flex-end {
align-content:flex-end
}

.flex-grow {
flex-grow:1
}

input[type="submit"].button-link {
font-size:1em;
background:none;
border:none;
padding:0;
margin:0;
color:#33C3F0;
text-decoration:underline;
cursor:pointer
}

.anychart-credits {
display:none
}

input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select {
height:50px
}

.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
height:auto;
padding:10px 40px;
font-size:18px
}
q
button,input,optgroup,select,textarea {
font-size:140%
}
.text-xl {
font-size: 2em;
}