body {
	height:100vh;
        background: #ffffff;
  font-family: 'sans-serif';
/*      
background-image: linear-gradient(#ff007f,#ffffff);
linear-gradient(#ff007f,#ffffff);
linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)),
linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)),
linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 1)),
*/
/* 
        background-image: 
		linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 255, 0, 1)),
		url("/img/background.png"); 
        background-repeat: repeat;
        background-repeat: no-repeat;
*/
        background: 
		linear-gradient(rgba(55, 0, 0, 0.5), rgba(55, 55, 0, 1));

}
/* Style for the popup background */
.popup {
  font-size:2em;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
   z-index: 9999999;
}
.popup_btn {
	font-size:.75em;
	width:200px;
	height:100px;
}

/* Style for the popup content */
.popup-content {
  background-color: #fff;
  padding: 10px;
  border-radius: 40px;
  text-align: center;
  height: 50%;
  width: 50%;
}

/* Heading and paragraph */
.popup-content h2 {
  margin-bottom: 15px;
}

.popup-content p {
  margin-bottom: 20px;
}
div.portrait_box {
	width: 100%;
	height: 636px;
}

	
p {
  font-family: 'sans-serif';
	font-weight: normal;
}

h1 {
  font-size: 5em;
  font-family: 'UKIJ Junun';
  font-weight: normal;
  margin: 0px;
  line-height: .85em;
}
h2 {
  font-size: 3em;
  font-family: 'sans-serif';
  font-weight: normal;
  margin: 0px;
}
h3 {
  font-size: 2em;
  font-family: 'sans-serif';
  font-weight: normal;
  margin: 0px;
  line-height: .95em;
}
h4 {
  font-size: 3em;
  font-family: 'sans-serif';
  font-weight: normal;
  margin: 0px;
}
h5 {
  font-size: 2em;
  font-family: 'sans-serif';
  font-weight: normal;
  margin-top: 0px;
  text-align:right;
}
h6 {
  font-size: 3em;
  font-family: 'sans-serif';
  font-weight: normal;
  margin: 0px;
}
div.email{
	#background-image: url("/img/jc.in.trench.1200x1200_halftone.jpg");
}
a.button_sm {
	font-size: 1em;
	font-family: 'sans-serif';
	font-weight: normal;
	margin:0px;	
	line-height:1em;
}
a.button {
	font-size: 1.5em;
	font-family: 'sans-serif';
	font-weight: normal;
	margin:0px;	
}
a:link{
	color: black;
	text-decoration:none;
}
a:visited {
	color: black;
	text-decoration:none;
}
a:hover {
	color: gold;
	text-decoration:underline;
	text-decoration:none;
	opacity: 1.0;
}
div.navhome_title{
	font-weight:bold;
	margin: 0 auto;
	#position: absolute;
	#bottom: 0px;
	right:50px;
	width: 1000px;
}
div.nav {
	margin: 0 auto;
	left:0;
	right:0;
	#position: absolute;
	#bottom: 5px;
	clear:both;
	margin-top:2em;
	width: 800px;
	background: rgba(255,255,255,.2);
	border-radius:25px;
	padding:25px;
	padding-top:10px;
	padding-bottom:10px;
}
div.nav_v {
	margin: 0 auto;
	left:0;
	right:0;
	#position: absolute;
	#bottom: 5px;
	clear:both;
	margin-top:2em;
	width: 200px;
	background: rgba(255,255,255,.6);
	border-radius:25px;
	padding:25px;
	padding-top:10px;
	padding-bottom:10px;
}
div.nav_inner {
	display: -webkit-flex;
	display:flex;
	justify-content: space-between;
}
div.nav_v_inner {
	#display: -webkit-flex;
	#display:flex;
	justify-content: space-between;
}
#photo{
	float:left;
	margin:20px;
	border-radius:25px;
}
#photo img{
	height: 114px;
	width: 110px; 
	border: 1px solid black;
	border-radius:25px;
	/* width: 110px; */
}
#photo p{
	/* font-family: CocktailShaker; */
}
#photo a:hover p{
	background-color:#000;
	background: rgba(0,0,0,.25);
	font-size: 200%;	
}
@font-face {
  font-family: 'UKIJ Junun';
  src: url('/fonts/ukij_junun.woff2') format('woff2'),
       url('/fonts/ukij_junun.woff') format('woff'),
       url('/fonts/ukij_junun.ttf') format('truetype');
}