body {
	background-image:url("arkaplan.png");
	margin:0px;
	font-family: 'Ubuntu', sans-serif;
	background-size: 100% 110%;
}
h1, h2, h3, h4, h5, h6, a {
	margin:0; 
	padding:0;
}
.login {
	margin:0 auto;
	max-width:500px;

}
.login-header {
	color:#fff;
	text-align:center;
	font-size:300%;
}

.login-form h3 {
	text-align:left;
	margin-left:40px;
	color:#fff;
}
.login-form {
	box-sizing:border-box;
	padding-top:15px;
	padding-bottom:10%;
	margin:5% auto;
	text-align:center;
}
.login input[type="text"],
.login input[type="date"],
.login input[type="password"] {
	max-width:400px;
	width: 80%;
	line-height:3em;
	font-family: 'Ubuntu', sans-serif;
	margin:1em 2em;
	border-radius:5px;
	border:2px solid #f2f2f2;
	outline:none;
	padding-left:10px;
}
.login-form input[type="submit"] {
	height:30px;
	width:414px;
	background:#5B66AF;
	border:1px solid white;
	border-radius:20px;
	color: white;
	font-family: sans-serif;
	cursor:pointer;
	font-weight: bold;
	font-size: 20px;    
}
.sign-up{
	color:#f2f2f2;
	margin-left:-70%;
	cursor:pointer;
	text-decoration:underline;
}
.no-access {
	color:#E86850;
	margin:20px 0px 20px -57%;
	text-decoration:underline;
	cursor:pointer;
}
.try-again {
	color:#f2f2f2;
	text-decoration:underline;
	cursor:pointer;
}

#uyari{
  color: white;
  font-size: 10px;
  font-family: sans-serif;
  text-align: justify;
}
.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
/*Media Querie*/
@media only screen and (min-width : 150px) and (max-width : 530px){
	.login-form h3 {
		text-align:center;
		margin:0;
	}
	.sign-up, .no-access {
		margin:10px 0;
	}
	.login-button {
		margin-bottom:10px;
	}
}