@import "./variables.css";
@import "./layout/_layout.css";
@import "./shared/_pages.css";

:root html,
:root body {
    height: 100%;
    margin: 0 0 1rem 0;
}

:root body {
    font-family: var(--font-family);
    font-size: var(--font-size);
    color: var(--font-color);
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
}

:root h3 {
    font-size: 1.5rem;
}

:root h4 {
    font-size: 1.25rem;
}

:root h5 {
    font-size: 1rem;
}