@charset "utf-8";
/* CSS Document */

	@import url("https://use.typekit.net/hcn2tff.css");
	@import url("https://use.typekit.net/jrv6unh.css");

/* Typography

    --font-primary: 'ivyora-text', serif;
    --font-secondary: 'Work Sans', sans-serif;
	--font-Title: 'the-seasons', sans-serif;
	cortado
	itc-benguiat
 */
	
/*Colors  

/*
Site colors----------
rgba(25,80,40,1.00)
rgba(20,60,30,1.00)
rgba(210,240,220,1.00)

rgba(243,243,243,1)

 */



/*Containers   */
	
body{
	font-family: 'ivyora-text';
	background-color: rgba(20,60,30,1.00);
	display: flex;
	justify-content: center; /* Horizontal centering */
	height: 100vh; /* Full viewport height */
	margin: 0px;
	padding: 0px;
	color: rgba(210,240,220,1.00);
}
.PageContainer{
	max-width: 960px;
	width: 100vw;
	margin-top: clamp(60px, 15vw, 85px);
	margin-bottom: 55px;
	margin-left: 0px;
	padding-bottom: 40px;
	overflow-x: hidden;
	scrollbar-width: none;
}


.TitleBar{
	position: fixed;
	top: 0;
	width: 100vw;
	padding-top: 10px;
	background-color: rgba(25,80,40,1.00);
	overflow-x: hidden;
}
.ContentBox{
	width: 98vw;
	background-color: rgba(210,240,220,.10);
	border-radius: 20px;
	box-shadow: 3px 3px 10px rgba(210,240,220,.35) ;
	border: 2px solid #AF5C39;
}
	
.footer{
	position: fixed;
  	bottom: 0;
	max-width: 960px;
  	width: 100vw;
	height: 50px;
  	background-color: #2A3B28;
  	color: #AF5C39;
	padding-top: 5px;
	padding-bottom: 15px;;
  	border-top: 2px solid #AF5C39;
}

@media only screen and (min-width: 960px) {
.PageContainer{
	border-left: 2px solid #2A3B28;
	box-shadow: 6px 0px 10px #2A3B28;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
  .ContentBox{
	width: 99.5%;
	max-width: 470px;
	}
}