@font-face {
	font-family: arial;
	src: url(fonts/glyphicons-halflings-regular.ttf);
}

body {
	background-image: url("img/jmp.jpg");
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


#fieldset {
	transition: 2s;
	margin-bottom: 50px;
	border-color: rgb(171, 118, 240);
	border-style: groove;
	border-width: 5px;
	border-radius: 20px;
}


.format {
	width: 30%;
	height: 50%;
	transition: 2s;
	margin-top: 80px;
	box-shadow: 0px 0px 40px rgb(203, 70, 230), 0px 0px 80px white;

}


.logo {
	width: 75px;
	margin-top: 10px;
	margin-left: 20px;
}



h3,
h4 {
	color: white;
	text-align: center;
}

legend {
	border: none;
}

hr {
	border-width: 2px;
	width: 75%;
	border-color: #fff;
	padding: 10px;

}

.tulis {
	margin-left: 35px;
	color: white;
}

.ingat {
	color: white;
	margin-left: 50px;
}


.input {
	transition: .8s;
	background-color: rgba(0, 0, 0, .5);
	color: white;
	border-color: #006;
	border-bottom-color: white;
	border-bottom-style: groove;
	border-right: none;
	border-left: none;
	border-top: none;
	border-width: 6px;
}

.input:hover {
	transition: .82;
	background-color: rgba(55, 71, 79, .5);
	box-shadow: inset;
	border-bottom-color: red;
}

.input:focus {
	transition: .8s;
	border-bottom-color: red;

}

.tombol {
	margin-right: 50px;
}

@media screen and (max-width: 750px) {
	.format {
		width: 95%;
		margin-top: 10px;
	}

	.logo {
		height: 50px;
	}


}

#daftar {
	margin-top: 20px;
	margin-left: 30px;
}

/*form registrasi*/
#registrasi {
	background: #999;
	height: 400px;
	width: 400px;
	margin: auto;
}