body {

	/* background-color: #e7e7e7; */
	/* background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d9d9' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
}


.container
{
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	background-color: #e7e7e7;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d9d9' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
		
.user_card {
	font-family: Inter,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	width: 400px;
	background: #74cfbf;
	background-color: rgb(250, 250, 250);
	box-sizing: border-box;
	text-align: center;
	padding:25px 40px;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
  }
#banner
{
	background-image: linear-gradient(to right bottom,#4c158a,#ad65d6);
	/* background-image: linear-gradient(to right bottom,#608a15, #c3d665); */
color:
#fff;
margin: 0 -40px;
padding: 6px 24px;
text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
h1{

	margin:0px;
	margin-top:18px;
	margin-bottom: 20px;
	/* font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
	font-size: 28px;
	font-weight: 800;
}
h2
{
	margin: 0px;
	font-size: 23px;
	/* color: rgb(201, 201, 201); */
	/* color: rgb(39, 39, 39); */
}
#description
{
	font-size: 18px;
	/* color: rgb(201, 201, 201);
	color: rgb(39, 39, 39); */

	line-height: 1.5;
	text-align: left;

}

input
{
	box-sizing: border-box;
	margin:0px;
	width:100%;
	border:1px solid black;
	border-radius: 4px;
	height:40px;
}


#stripe
{
	margin:25px 0px;
	margin-bottom: 0px;
	font-size: 16px;
}
#stripe:focus
{
	font-size: 16px;
}


#buy-btn, #portal-btn
{
	background-color: black;
	text-decoration: none;
	color:white;
	padding:10px 20px;
	display: block;

	border-radius: 4px;
	border:none;
	

	cursor: pointer;
	margin: 0px auto;
	margin-top:40px;
	font-size:17px;
	width: 100%;
	font-weight: 700;
	box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 8px 10px 1px rgba(0,0,0,.07),0 3px 14px 2px rgba(0,0,0,.06),0 5px 5px -3px rgba(0,0,0,.2);
	transition: 0.2s;
}

#btn
{
	background-color: rgb(202, 202, 202);
	text-decoration: none;
	color:rgb(221, 221, 221);
	padding:10px 20px;
	display: block;

	border-radius: 4px;
	border:none;

	cursor:not-allowed;
	

	/* cursor: pointer; */
	margin: 0px auto;
	margin-top:40px;
	font-size:17px;
	width: 100%;
	font-weight: 700;
}

#buy-btn:hover, #portal-btn:hover
{
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	transform: scale(0.96,0.96);
}



#stripe_info
{
	margin:0px;
	margin-bottom: 20px;
	padding: 0px;
	font-size: 14px;
}
/* for password reset complete */
.login_link {
	box-sizing: border-box;
	width:50%;
	border:1px solid black;
	border-radius: 4px;
	height:40px;
	text-decoration: none;
	display: block;
	background: white;
	background: black;
	color: black;
	color: white;
	font-size: 18px;
	font-weight: 800;
	display: block;
	margin:20px auto;
	/* margin-top: 50px; */
	padding:10px;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/* font-size: 25px; */
}

.link
{
	margin:0px;
	margin-top: 50px;
}

@media screen and (max-width: 900px) {
	.user_card
	{
		margin-left: 5px;
		margin-right: 5px;
	}
	#bottom_stipe
	{
		display: none;
	}
	#buy-btn, #portal-btn
	{
		width:100%;
	}
}