*,
*::before,
*::after {
    box-sizing: border-box;
}

// @see https://qiita.com/hibikikudo/items/2cb10536f4816d304f54
// not needed anymore?
// http://var.blog.jp/archives/81794054.html
// https://www.proglad.tokyo/2020/03/iphone-webkit-overflow-scrolling-touch.html
/*
html, body {
    -webkit-overflow-scrolling: touch !important;
    overflow: auto;
    height: 100%;
}
body {
    position: relative;
    overflow-x: hidden;
    min-height: 100%;
}
*/

html {
    //min-height: 100vh;
    background-color: var(--kc-base-color);
    color: var(--kc-key-color);
}

body {
    //min-height: 100vh;
    margin: 0;
}

main {
    margin: 0;
}

header,
section,
footer {
    margin: 1rem;
}

section {
    //background-color: rgba(0, 123, 100, 0.25) !important;
}