html{
    font-size:14px
}
body{
    margin:0px;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:var(--surface-a);
    font-family:var(--font-family);
    font-weight:normal;
    color:var(--text-color);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
a{
    text-decoration:none
}
h1,h2,h3,h4,h5,h6{
    margin:1.5rem 0 1rem 0;
    font-family:inherit;
    font-weight:600;
    line-height:1.2;
    color:inherit
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{
    margin-top:0
}
h1{
    font-size:2.5rem
}
h2{
    font-size:2rem
}
h3{
    font-size:1.75rem
}
h4{
    font-size:1.5rem
}
h5{
    font-size:1.25rem
}
h6{
    font-size:1rem
}
p{
    line-height:1.5;
    margin:0 0 1rem 0
}
input[type=number]{
    -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}

#header {
    background-color: var(--surface-50);
}

#content {
    /*background-color: grey;*/
}

#footer {
    background-color: var(--surface-50);
}