@charset "utf-8";
/* CSS Document */
.login {
	width:150px;
	text-align:right;
	a {
		background: #415E72;
	background: radial-gradient(circle, rgba(65, 94, 114, 1) 0%, rgba(23, 49, 62, 1) 50%);
		text-decoration:none;
		color:#F3E2D4;
		font-weight:700;
		text-transform:uppercase;
		font-size:1rem;
		font-family: "Kelly Slab", sans-serif;
		border:1px solid #415E72;
		padding:7px 7px;
		border-radius: 5px;
	}
	a:hover {
		box-shadow:1px 1px 7px #C5B0CD;
		color:#C5B0CD;
	}
}
.akun-bungkus {
	display:grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
  width:100%;
justify-content: space-between;
	h6 {line-height:0px; }
	p { line-height:0px; }
}
.akun-isi {

}
.box-pendaftaran {
	input {
		width:350px;
		height:40px;
		text-align:center;
		border-radius:5px;
	}
	button {
	width:358px;
	height:30px;
	margin-top:10px;
}
}
.akun-pass {
	text-align:center;

	button {
	width:358px;
	height:30px;
	margin-top:10px;
}
#pesan {
  display:none;
  position: relative;
  padding: 0px;
  margin-top: 10px;
}
/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: 0px;
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: 0px;
  content: "✖";
}
.login-tombol {
	text-decoration:none;
	text-align:center;
	margin:0px;
	p { line-height:0px;}
	padding:2px 10px;
	width:100px;
	border-radius:5px 5px 0px 0px;
	
}
.bungkus-login {
	width:200px;
	display:none;
	padding:10px;
	-webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  background:#C5B0CD;
  vertical-align:central;
  border-radius:5px;
  ul { padding:0px; margin:0px;}
  li { text-align:right; margin-bottom:15px;}
  i { margin-left:10px; }
  a { text-decoration:none; }
  a:hover {text-decoration:underline; color:#17313E; }
}
.login-tombol:hover {
	cursor:pointer;
	background:#C5B0CD;
	z-index:99;
	.bungkus-login { display:block; position:absolute; z-index:-1;
	margin:-10px 0% 0% -10px; box-shadow:1px 1px 10px #17313E;
	 }
	p { color:#415E72; }
}
.bungkus-login input {
	margin:2% 0%;
}
.logout-tombol {
	text-decoration:none;
	width:200px;
}