:root {
	--scrollbar-width: calc(100vw - 100%);
	--smoothmargincollapse: calc(  ( ( 100vw - var(--scrollbar-width) - 980px ) / 2 ) ) 
}

html {
	background-image: url(/image/backgroundimage.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin:0;
}


html, body {
	min-height:100vh;
	height:max-content !important;
}


body {
	margin: 50px auto 0;
	max-width: 980px;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}

@media all and (max-width:1090px) {
	body {
		margin: var(--smoothmargincollapse) auto 0;

	}
}

@media all and (max-width : 990px) {
	body {
		margin: 0 auto 0;

	}
}


header {
	padding: 0px 0px;
	display:block;
	flex-basis:60px;
}

header div {
	overflow:hidden;
}

header div:first-child {
position:fixed;
line-height:0;
font-size:0;
background-color:transparent;
}

nav{
	display:flow-root;
	flex-shrink:0;
}


main {
	border:#000000;
	border-top: 7px ridge #98A494;
	flex-basis:content;
	flex-grow: 1;
}

main a {
	color:#aa5a72
}

main p {
	margin: 0
}

footer {
	z-index: 10;
	height: 90px;
	bottom:0;
}

footer a {
	color:#aa5a72
}