body
{
	background-size: cover;
    background-attachment: fixed;     /* Tambahkan baris berikut */
  	width: 100wh;
	height: 90vh;
	color: #fff;
	background: #262626;
	/*background: linear-gradient(-45deg, #FFFFFF, #804c4c, #ffffff, #FFFFFF);*/
	/*background-size: 400% 400%;*/
	/*-webkit-animation: Gradient 15s ease infinite;*/
	/*-moz-animation: Gradient 15s ease infinite;*/
	/*animation: Gradient 15s ease infinite;*/
}	

.box
{
	background: rgb(131,58,180);
	background: linear-gradient(346deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
	opacity: 0.2;
    width: 320px;
    margin: 100px auto 0;
    border-radius: 10px;
    min-height: 330px;
    box-shadow: 7px 7px 10px;
}

.form-login
{	
	margin-top:-255px;
	padding-left:50px;
	padding-right:50px;
	position: inherit;
}

.logo
{
	margin-top:300px;
	margin-left:300px;
	position: absolute;
}

.frm
{
	margin-top:50px;
	font-family: Cambria,"Times New Roman",serif;
}

#img
{
	margin-left:65px;
	margin-top:-25px;
}

.btn
{
	
}

@media(min-width:768px) {

.form-login
{	
	padding-left:30px;
	padding-right: 30px;
}

.box
{
    margin: 150px auto 0;
}

#img
{
	margin-left:86px;
}

}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

h1,
h6 {
	font-family: 'Open Sans';
	font-weight: 300;
	text-align: center;
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
}