*{
		border:0px;
		margin:0px;
		box-sizing: border-box;
		
	}
	.str-head{
		border:2px dashed black;
		padding:10px 35px;
		flex:1;
	}
	.str-head > .str-logo .lgo{
		position:absolute;
		font-size:35px;
		color:rgba(0,0,0,0.60);
		transform:rotate(-20deg);
		text-shadow: 1px 0px  3px  rgba(0,0,0,0.70);
		cursor:pointer;
	}
	.str-head > .str-logo span{
		position:absolute;
		transform:translateX(80px);
		font-size:25px;
		color:rgba(0,0,0,0.60);
		cursor:pointer;
		text-shadow: 1px 0px  3px  rgba(0,0,0,0.70);
	}
	.str-head > .str-welc-note{

	}
	.str-head > .str-welc-note h1{
		text-align:center;
		color:gray;
		font-size:55px;
		text-shadow: 1px 0px  3px  rgba(0,0,0,0.90);
	}
	
	/*  Store Navbar*/
	
	#status{
	position:absolute;
	top:100%;
	left:50%;
	transform:translate(-50%,-100%);
	overflow:hidden;
	height:0px;
}

#navbar > nav > ul, li{
	list-style-type :none;
	display:inline-block;
}
#navbar > nav > ul>li>button{
	margin:8px auto;
	cursor:pointer;
	padding:6px 12px;
	border-radius:8px;
	border:none;
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.60);
	transition:transform 0.2s ease-in 0.1s;
	font-weight:600;
}
#navbar > nav > ul>li>button:hover{
	transform:translateX(-6px);
}
	/* End Store Navbar*/
	
	/* Dynamic */
	.dynamic{
		border:1px dashed pink;
	}
	.dynamic > .blog_form textarea{
		
	}
	.dynamic > .blog_form >#txta_{
		padding:1%;
		outline:none;
		
	}
	.dynamic > .blog_form >.wysiwyg{
		width:56%;
		border:1px solid black;
		border-radius:3px;
	}
	.dynamic > .blog_form >.wysiwyg input{
		border:1px dashed black;
		padding:6px 26px;
		margin:3px;
		cursor:pointer;
	}
	.message{
		position:relative;
		height:0px;
		overflow:hidden;
	}
	.message > #msg{
		font-weight: bolder;
		font-size: 22px;
		/* color:#fff; */
		color: red;
	}
	.message button{
		border:2px solid black;
		margin-top:20px;
		padding:5px 55px;
		font-size:18px;
		margin-bottom: 20px;
		border-radius:18px;
		box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.45);
		cursor: pointer;
		font-weight:bolder;
	}
	
	.main{
		position:relative;
		top:0px;
		/* background: black; */
		height:100vh;
	}
	/*Body */
	body{
		background:black;
	}
	/* PEEK Logo */
	div > #logo{
	font-size:100px;
	text-shadow: 6px 0px 3px rgba(0, 0, 0, 0.69);
	}
	
	/* PEEK Logo img
	div > #logo > img{
		transform:rotateY(-360deg);
		transition:transform 1.6s linear 0.6s;
	}*/
	
	#validation{
		/* bottom: -200px; */
		position:relative;
		top:33vh;
	}
	#sform{
		max-width:80%;
	}
	
	#sform > div{
		margin-top:14px;
	}
	
	#sform > div h3{
		color:#FAE6BE;
	}
#sform > div > input, select{
	width:100%;
	text-align:center;
	padding:8px 24px;
	margin-top:8px auto;
	border-radius:8px;
	background:transparent;
	border-right:3px solid #FAE6BE;
	border-left:3px solid #FAE6BE;
	font-weight:600;
	outline:none;
	color:#FAE6BE;
}

#sform > div > select{
	color:#FAE6BE;
	background:black;
}
::placeholder{
	color:#FAE6BE;
}
#sform > div > button{
	margin:10px;
	transition: background 0.3s linear 0.1s, color 0.3s linear 0.1s, font-weight 0.3s linear 0.1s;
	padding:8px 24px;
	box-shadow:0px 0px 9px 1px red;
	border-radius:12px;
	cursor:pointer;
	font-weight:600;
	background:#FAE6BE;
	color:black;
}

#sform > a{
	color:red;
	text-decoration:none;
	font-weight:bold;
}
#sform > div>button:hover{
	background: red;
	color: #FAE6BE;
	font-weight:600;
	cursor:pointer;
}
	#validation form{
		padding:20px;
		max-width:60%;
		border-radius:8px;
		box-shadow: 0px 0px 9px 1px rgba(255,0,0,0.8);
	}
	
	#validation div > h1,h3{
		color:#FAE6BE;
	}
	
	#validation >form > button{
		padding:6px 18px;
		font-size:18px;
		margin: 18px auto;
		border-radius:8px;
		cursor: pointer;
		font-weight:bolder;
		
	}
	
	#validation form > input,select{
		width:100%;
		text-align:center;
		padding:6px 18px;
		margin-top:6px auto;
		border-radius:8px;
		background:transparent;
		border-right:3px solid #FAE6BE;
		border-left:3px solid #FAE6BE;
		font-weight:600;
		outline:none;
		color:FAE6BE;
		
	}
	
	
	#validation form > input{
		color:#FAE6BE;
		
	}
	
	#validation form >button{
		width:30%;
		padding: 6px 18px;
		
		border-radius: 3px;
		outline:none;
		margin-top:30px;
		font-weight:bolder;
		font-size:18px;
		text-align:center;
		border-radius:8px;
		border:none;
		background:#FAE6BE;
		color:black;
		transition:color 0.6s linear 0.3s, background 0.6s linear 0.3s;
		box-shadow: 0px 0px 9px 1px rgba(255,0,0,0.6);
	}
	
	#validation form >button:hover{
		background:rgba(250,0,0,0.80);
		color:#FAE6BE;
	}
	