@font-face {
  font-family: "Radley";
  src: url("../fonts/Radley/Radley-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Radley";
  src: url("../fonts/Radley/Radley-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

body {
  font-family: "Radley", serif;
  font-size: 20px;
}

/* side panel bs */
.sidepanel {
	width: 0;
	position: fixed;
	z-index: 1;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidepanel a:hover {
	color: #f1f1f1;
}

.sidepanel .closebtn {
	position: absolute;
	top: 10px;
	right: 25px;
}

.openbtn {
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #444;
}

/* title bar */

.titlebar {
	position: fixed;
	top: 0;
	height: 10%;
}

.emptycolumn {
	width: 10%;
}

.page1title {
	color: black;
}

/* page iframe */
.framemodel{
	position: fixed;
	width: 100%; 
	height: 90%;
	top: 10%; 
	left: 0;
	border: none; 
	margin: 0; 
	padding: 0; 
	overflow: auto;
}