@font-face {
  font-family: 'Fredericka';
  src: local(Fredericka), url(/css/fonts/FrederickatheGreat.ttf);
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SansNarrow';
  src: local(SansNarrow), url(/css/fonts/SansNarrow.ttf);
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
a {
	color: #2a5885;
	text-decoration: none;
	cursor: pointer;
}

h1 {
	font-size: inherit;
	background-color: #FF9000;
	color: black;
	padding: 10px;
}
h2 {
	font-size: inherit;
	font-weight: normal;
	text-shadow: 0 0 5px white !important;
	padding-left: 10px;
	padding-right: 10px;
}
h3 {
	font-size: inherit;
	font-weight: normal;
	text-shadow: 0 0 5px white !important;
	padding-left: 10px;
	padding-right: 10px;
}
h4 {
	font-size: inherit;
	font-weight: normal;
	text-shadow: 0 0 5px white !important;
	padding-left: 10px;
	padding-right: 10px;
}
h6 {
	font-size: inherit;
	font-weight: normal;
}
#full {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0%;
	left: 0%;
	background-color: #F2F2F2;
	color: #285473;
	text-align: center;
	overflow: hidden;
	font-family: 'SansNarrow', sans-serif;
}


#sighin {
	position: absolute;
	top: 90%;
	text-align: center;
	width: 100%;
	left: 0;
	height: 10%;
    background-color: #FF9000;
    color: white;
    font-size: 5vh;
    line-height: 10vh;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 2px black !important;
}
#bodyblog {
	position: absolute;
	top: 0;
	text-align: center;
	width: 100%;
	left: 0;
	height: 90%;
	background-color: black;
	color: white;
}
#cblog {
	max-height: 100%;
	overflow-y: auto;
	word-wrap: break-word;
	padding: 10px;
}
.fa.fa-sign-in, .fa.fa-arrow-circle-left {
	color: white;
}
img {
	max-width: 100%;
	height: 95%;
	margin-top: 5px;
	border: 1px #edeef0 solid;
	background-color: white;
	box-shadow: 0 0 10px #edeef0 !important;
}
hr {
	width: 50%;
	border: 1px solid black;
}
@media only screen and (max-width : 768px) {
body {
	font-size: 3.5vh;
	line-height: 3.5vh;
	color: #285473
}
#main {
	background-color: white;
    width: 98vw;
    height: 100%;
    top: 0%;
    left: 0vw;
    position: fixed;
    border-left: 1vw #f0f2f5 solid;
    border-right: 2vw #f0f2f5 solid;
}
}
@media only screen and (min-width : 768px) {/*--- tablet landscape ---*/
body {
	font-size: 3.5vh;
	line-height: 3.5vh;
	color: #285473
}
#main {
	background-color: white;
    width: 60vw;
    height: 100%;
    top: 0%;
    left: 20vw;
    position: fixed;
    border-left: 1vw #FF9000 solid;
    border-right: 1vw #FF9000 solid;
}
}