@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url("product.css"); 
@import url("banner.css");
@import url("section.css");
@import url("footer.css");
@import url("header.css");
/* CSS Document */
*{
	-webkit-appearance: none;
	-webkit-text-size-adjust:none;
	}
body{
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123b7b', endColorstr='#943629',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	display: flex;
	height:100vh;
  align-items: center;
  justify-content: center;
	
	font-family: 'Poppins', sans-serif;
	}
a{
	    text-decoration: none;
}
#saleskit{ 
	display:none;
	width:100vw; 
	height:100vh; 
	} 
/*****************************************/
.popup{
	display:block;
	text-align: center !important;
	padding:40px;
	width:100%;
	max-width:500px;
}
#pass{
	display:block;
	width:82%;
	font-size: 18px;
	display:block;
	margin:20px auto;
	padding:20px 20px;
	border:none;
	border-radius:5px;
	background-color: #ffffff;
}
#login-button{
	display:block;
	margin:auto;
	padding:10px 20px;
	cursor:pointer;
	border:none;
	border-radius: 2px;
	background-color: #ef3f30;
	font-family: 'Poppins', sans-serif;
	color: white;
	font-weight: 600;
	letter-spacing: 2px;
	}
.readmore{
	display:block;
	margin:auto;
	padding:10px 20px;
	cursor:pointer;
	border:none;
	border-radius: 2px;
	background-color: #007eb8;
	font-family: 'Poppins', sans-serif;
	color: white;
	font-weight: 600;
	letter-spacing: 2px;
	text-align: center
	}
/*****************************************/
granted,denied,sadako,doreamon{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	display:none;
	z-index:999;
	background-color: #000;
	background-size:cover;
}
.circle {
  margin: auto;
  -webkit-animation: rotateY 2s infinite linear;
  animation: rotateY 4.5s infinite linear;
}
@-webkit-keyframes rotateY {
  to { -webkit-transform: rotateY(360deg); }
}
@keyframes rotateY {
  to { transform: rotateY(360deg); }
}
granted{background-image: url(correct.gif);}
denied{background-image: url(wrong.gif);}
@media only screen and (max-width: 540px) {
granted,denied{
	background-attachment: scroll;
	background-size:100% auto;}
}