html,body{background: rgb(2,0,36);
	background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgb(48, 45, 38) 0%, rgb(116, 113, 107) 39%, rgba(255,255,255,1) 100%);}
#main{width:100%; height: auto; margin: auto;max-width:100%;
	max-height:100%; object-fit: contain; }
body#home{
	height: 100vh;
width: 100vw;
margin: 0;
padding: 0;
display: flex;
align-items: center;
align-content: center;
font-family: sans-serif;
overflow: hidden;
}
body#policycontainer{
	height: 100vh;
	overflow: hidden;
}
@media screen and (max-width: 39.9375em) {
	body{display: inline-block; padding-top: 100px;}
}
#policy{width:80%;max-width: 800px; margin: auto; background: white; padding: 20px; text-align: center;height: 100vh; overflow:scroll; position: relative; z-index: 10;}
#policy #content{text-align: left;}
#copyright, #credits{font-size: 10pt;}
#main{max-width: 500px; width: 80%; text-align: center; z-index: 10;  z-index: 1000;background: rgba(255, 255, 255, 0.295);
	padding: 20px;
	border: 1px solid #332f2782;}
a{color:#333; text-decoration: none;}
#main a:hover{text-decoration: underline}
#logo{width: 100%; max-width: 400px;}
footer{width:100%; margin: auto; margin-top:30px; position: absolute; bottom:0px; left: 0px; right: 0px; margin: auto; text-align: center }
#credits img{width:120px;}
footer>div{width: 100%; margin-bottom: 10px;}
body{background-image: url('../img/background.jpg'); background-size: cover;}
#panel{width: 100vw; height: 100vh; opacity: 0.60; background-color: whitesmoke; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }