*{
	
	font-family: system-ui;
}

/*Memberikan background pada Form Login*/


/*memberikan background form login*/
	body {
	background: url(background_MS_4.png) no-repeat fixed;
   	-webkit-background-size: 100% 100%;
  	-moz-background-size: 100% 100%;
  	-o-background-size: 100% 100%;
  	background-size: 100% 100%;
	}

	/*membuat desain kotak form login*/
	.container{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:  translate(-50%,-50%);
	padding: 20px 25px;
	width: 300px;
	border-radius: 25px;

	/*background-color: rgba(0,0,0,.8);*/
	background-color: rgba(255,255,255,.9);
	box-shadow: 0 0 10px rgba(255,255,255,.3);
	}

	/*desain judul form login*/
	.container h1{
		text-align: left;
		color: #c50f0f;
		margin-bottom: 30px;
		text-transform: uppercase;
		border-bottom: 4px solid #050A40;
	}

	/*desain kolom form login*/
	.container label{
		text-align: left;
		font-weight: bold;
		color: #c50f0f;
	}

	/*desain kolom input form login*/
	.container form input{
		border-radius: 25px;
		width: calc(100% - 0%);
		align-content: center;
		padding: 8px 10px;
		margin-bottom: 15px;
		border: none;
		background-color: transparent;
		border-bottom: 2px solid #050A40;
		color: #000;
		font-size: 12px;
	}

	.container form input:hover {
	  border-color: #c50f0f;
	}

	.container form input:focus {
	  /*border: none;*/
	  font-color:black;
	  border-color: #c50f0f;
  	  box-shadow: 0 0 0 0.2rem rgba(230, 330, 42, 0.25);
	}


	/*desain tombol log in form login*/
	.container form button{
		border-radius: 25px;
		height: 30px;
		width: 100%;
		padding: 0px 0;
		border: none;
		background-color: #c50f0f;
		font-size: 16px;
		color: #fff;
	}

	.container table{
		color: white;
		width: 50%;
		height: 20%;
		margin:50px 0px 50px 50px;
		border-collapse: collapse;
		border: 1px solid white;
		text-align: center;
	}

	.container div{
		border:1px solid white;
		margin:20px 20px 20px 20px;
		background-color: rgba(0,0,0,.9);
	}
	
	.container th, td {
 	 border-bottom: 1px solid #fff;
	}