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

@font-face {
    font-family: 'Main';
	src: url('../FONTS/GT-Eesti-Display-Medium.woff');
}

@font-face {
    font-family: 'Secondary';
	src: url('../FONTS/LyonText-Regular-Web.woff');
}

@font-face {
    font-family: 'CMU';
	src: url('../FONTS/cmunrm.woff');
}


/* -------------------------------------------SHOW ON HOVER - BANNER----------------------------------------------- */
.nav_banner{
	position:fixed;
	top:0px;
	left:0px;
	margin:0px;
	color:blue;
	background-color:#fdebd9;
	font-size:24px;
	display:none;
	font-family:main;
	z-index:1000;
	height:120px;
	width:100%;
	padding:75px;	
	overflow-wrap: break-word;
	border-bottom: 3px solid blue;
	text-align: center;
}

.nav_banner_text{
	font-family:Main;  color:blue;
}



.show_on_hover{z-index:1000;height:80px;
	width:100%;padding:5px;	position:fixed;
	top:0px;
	left:0px;
}
.show_on_hover:hover .nav_banner{
	display:block;
	}

/* -------------------------------------------TITLE BOX---------------------------------------------- */

.titlebox{
	height:100vh;
}


/* -------------------------------------------DOC FORMATTING---------------------------------------------- */

body{
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:auto;
	margin:0px;
	padding:0px;
}
header{
	width:100%;
	height:100%;
	position: fixed;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
}

h1{
	font-family: Main;
	font-size: 36pt;
	text-align: center;
	color:#fdebd9;
}

h2{
	font-family: Main;
	font-size: 20pt;
	text-align: center;
	color:#262626;
}




.diaryNAVleft{
	width:800px;
	height:120px;
	position:absolute;

}
.diaryNAVright{
	width:800px;
	height:120px;
	position:absolute;
	left:50%;
}



/*Parent Container*/
article{
	background-color:#fdebd9;
	width:100%;
	position:relative;
	left:0px;
	margin:0px;
	padding:0px;
	}


/*IMAGES*/

.imgbreak{
	background-color:pink;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:100%;
	width:100%;
	position:relative;
	left:0px;
	margin:0px;
	padding:0px;
	height:1920px;
	
}