* {
    margin: 0;
    padding: 0;

    box-sizing: border-box;

    /* transition: color 0.3s, background-color 0.3s ease-in-out; */
}

html,
body {
    width: 100%;
    height: 100%;

    overflow: hidden;
}

html.theme-transition * {
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

body {
    padding: 1rem;
    padding-bottom: 2.5rem;

    background-color: var(--background);
    color: var(--text-primary);
}

header,
footer {
    text-align: center;
}