.bodyslide{
margin:0;
font-family:algerian,sans-serif;
}
.slideshow{
width:800px;
position:relative;
margin:auto;
color:red;
}

body{
	margin:0;
	padding:0;
	background:url(image/8.jpg);
	background-size: cover;
	background-position: center;
	font-family:sans-serif;
}

.avatar{
	width:100px;
	height:100px;
	border-radius:70%;
	position:absolute;
	top: -30px;
	left:calc(50% - 50px);
}
h1{
	margin:0;
	padding:0 0 20px;
	text-align:center;
	font-size:22px;

}
.login_image p{
	margin:0;
	padding:0;
	font-weight:bold;

}
.login_image input{
	width:100%;
	margin-bottom:20px;
}
.login_image input[type="text"],input[type="password"]
{
	border:none;
	border-bottom:1px solid #fff;
	background:transparent;
	outline:none;
	height:40px;
	color:#fff;
	font-size:16px;

}

.login_image input[type="submit"]
{
	border:none;
	outline:none;
	height:40px;
	background:#1c8adb;
	color:#fff;
	font-size: 18px;
	border-radius:20px;


}
.login_image input[type="submit"]:hover{
	cursor:pointer;
	background:#39dc79;
	color:#000;

}

.center{
	height:430px;
	margin-left:340px;
	margin-right:300px;
	background:#e6ffff;
}
/*css for login modal write here */

.moda:before{
	position:fixed;
  margin-top: 28%;
  color: black;
	left:50%;
	padding:20px;
	display: none;
	border-radius:5px;
	-webkit-transform:translate(-50%,-1000%);
	-ms-transform:translate(-50%, -1000%);
	transform:translate(-50%, -1000%);

}

.moda:target:before{
	display:block;
}

.moda:target {
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
/*css for display notice */
.iframe-center .postsubject{
	font-size: 25px;
	font-family: serif;
	width: auto;
	height: auto;
	color: #000;
	text-align: center;
	border:8px red;
	border-radius: 30px;
	background: #e6ffff;
}
.iframe-center .postbody{
	font-size: 18px;
	outline-style: solid;
	outline-color: #99ffcc;
	outline-width: 15px;
	font-family: serif;
	width: 600px;
	height: auto;
	margin-top:20px;
	color: #000;
	text-align: left;
	border:8px red;
	margin-left: 100px;
}
.iframe-center .hole{
height: 20px;
}
.bodyslide{
margin:0;
font-family:algerian,sans-serif;
}
.slideshow{
width:800px;
position:relative;
margin:auto;
color:red;
}

body{
	margin:0;
	padding:0;
	background:url(image/8.jpg);
	background-size: cover;
	background-position: center;
	font-family:sans-serif;
}

.avatar{
	width:100px;
	height:100px;
	border-radius:70%;
	position:absolute;
	top: -30px;
	left:calc(50% - 50px);
}
h1{
	margin:0;
	padding:0 0 20px;
	text-align:center;
	font-size:22px;

}
.login_image p{
	margin:0;
	padding:0;
	font-weight:bold;

}
.login_image input{
	width:100%;
	margin-bottom:20px;
}
.login_image input[type="text"],input[type="password"]
{
	border:none;
	border-bottom:1px solid #fff;
	background:transparent;
	outline:none;
	height:40px;
	color:#fff;
	font-size:16px;

}

.login_image input[type="submit"]
{
	border:none;
	outline:none;
	height:40px;
	background:#1c8adb;
	color:#fff;
	font-size: 18px;
	border-radius:20px;


}
.login_image input[type="submit"]:hover{
	cursor:pointer;
	background:#39dc79;
	color:#000;

}

.center{
	height:430px;
	margin-left:340px;
	margin-right:300px;
	background:#e6ffff;
}
/*css for login modal write here */

.moda:before{
	position:fixed;
  margin-top: 28%;
  color: black;
	left:50%;
	padding:20px;
	display: none;
	border-radius:5px;
	-webkit-transform:translate(-50%,-1000%);
	-ms-transform:translate(-50%, -1000%);
	transform:translate(-50%, -1000%);

}

.moda:target:before{
	display:block;
}

.moda:target {
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
/*css for display notice */
.iframe-center .postsubject{
	font-size: 25px;
	font-family: serif;
	width: auto;
	height: auto;
	color: #000;
	text-align: center;
	border:8px red;
	border-radius: 30px;
	background: #e6ffff;
}
.iframe-center .postbody{
	font-size: 18px;
	outline-style: solid;
	outline-color: #99ffcc;
	outline-width: 15px;
	font-family: serif;
	width: 600px;
	height: auto;
	margin-top:20px;
	color: #000;
	text-align: left;
	border:8px red;
	margin-left: 100px;
}
.iframe-center .hole{
height: 20px;
}
.bodyslide{
margin:0;
font-family:algerian,sans-serif;
}
.slideshow{
width:800px;
position:relative;
margin:auto;
color:red;
}

body{
	margin:0;
	padding:0;
	background:url(image/8.jpg);
	background-size: cover;
	background-position: center;
	font-family:sans-serif;
}

.avatar{
	width:100px;
	height:100px;
	border-radius:70%;
	position:absolute;
	top: -30px;
	left:calc(50% - 50px);
}
h1{
	margin:0;
	padding:0 0 20px;
	text-align:center;
	font-size:22px;

}
.login_image p{
	margin:0;
	padding:0;
	font-weight:bold;

}
.login_image input{
	width:100%;
	margin-bottom:20px;
}
.login_image input[type="text"],input[type="password"]
{
	border:none;
	border-bottom:1px solid #fff;
	background:transparent;
	outline:none;
	height:40px;
	color:#fff;
	font-size:16px;

}

.login_image input[type="submit"]
{
	border:none;
	outline:none;
	height:40px;
	background:#1c8adb;
	color:#fff;
	font-size: 18px;
	border-radius:20px;


}
.login_image input[type="submit"]:hover{
	cursor:pointer;
	background:#39dc79;
	color:#000;

}

.center{
	height:430px;
	margin-left:340px;
	margin-right:300px;
	background:#e6ffff;
}
/*css for login modal write here */

.moda:before{
	position:fixed;
  margin-top: 28%;
  color: black;
	left:50%;
	padding:20px;
	display: none;
	border-radius:5px;
	-webkit-transform:translate(-50%,-1000%);
	-ms-transform:translate(-50%, -1000%);
	transform:translate(-50%, -1000%);

}

.moda:target:before{
	display:block;
}

.moda:target {
		-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);

}
/*css for display notice */
.iframe-center .postsubject{
	font-size: 25px;
	font-family: serif;
	width: auto;
	height: auto;
	color: #000;
	text-align: center;
	border:8px red;
	border-radius: 30px;
	background: #e6ffff;
}
.iframe-center .postbody{
	font-size: 18px;
	outline-style: solid;
	outline-color: #99ffcc;
	outline-width: 15px;
	font-family: serif;
	width: 600px;
	height: auto;
	margin-top:20px;
	color: #000;
	text-align: left;
	border:8px red;
	margin-left: 100px;
}
.iframe-center .hole{
height: 20px;
}