/* used to controle the primary layout of the website */
html {
    min-height: 100vh;
    scroll-behavior: smooth;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

body > * {
    flex: 0 0 auto;
    width: 100%;
}

main {
    flex: 1 0 auto;
}