@import "header.css";
@import "navbar.css";
@import "footer.css";

html{
    position:relative;
    min-height: 100%;
}
body{
    background-color: var(--bg);
    font-family: var(--font-family);
    margin: 0 0 100px 0;
    display: flex;
    flex-direction: column;
}

main{
	line-height: 1.4;
	flex:1 0 auto;
	display: flex;
	flex-flow: column;
    color:var(--text);
}

.section{
    max-width: 800px;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    margin: 0 auto;
    width:100%
}

a{
    color:var(--link);
    text-decoration: none;
}

#error{
    color:var(--warning);
}

.hide{
    display:none;
}