body {
    width: 60%;
    margin: auto;	
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    padding: 8px;
    background-image: url('https://iili.io/dPaDvZG.jpg');
    background-size: cover; /* Stellt sicher, dass das Bild den gesamten Hintergrund abdeckt */
    background-position: center; /* Zentriert das Hintergrundbild */
    background-repeat: no-repeat; /* Verhindert die Wiederholung des Bildes */
	background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
}

	.form-box{
		width: 500px;
		background: rgba(0,0,0,0.8);
		margin: 50px auto;
		padding: 50px 0;
		color: #fff;
		box-shadow: 0 0 20px 2px rgba(0,0,0,0.5);
	}
	
	h1{
		text-align: center;
		margin-bottom: 40px;
	}
	.input-box{
		margin: auto;
		width: 80%;
		border-bottom: 1px solid #fff;
		padding-top: 15px;
		padding-bottom: 15px;
	
	}
	.input-box input{
		width: 90%;
		border: none;
		outline: none;
		background: transparent;
		color: #fff;
	}
	::placeholder{
		color: #ccc;
	}
	.fa{
		margin-right: 10px;
	}
	.eye{
		position: absolute;
		
	}
	#hide1{
		display: none;
	}
	.login-btn{
		margin: 40px auto 20px;
		width: 80%;
		display: block;
		outline: none;
		padding: 10px 0;
		border: 1px solid #fff;
		cursor: pointer;
		background: transparent;
		color: #fff;
		font-size: 16px;
	}
	
	@media (max-width: 800px) {

	body{
		width: 80%;
		margin: auto;
		font-family: Arial;
		font-size: 17px;
		padding: 8px;
		background-image: url('https://iili.io/dPc8e7R.png');
		background-size: auto; /* Stellt sicher, dass das Bild den gesamten Hintergrund abdeckt */
		background-position: center; /* Zentriert das Hintergrundbild */
		background-repeat: no-repeat; /* Verhindert die Wiederholung des Bildes */ /* Verhindert die Wiederholung des Bildes */
		background-attachment: fixed;
		display: flex;
		justify-content: center;
		align-items: center;
}

	.form-box{
		width: 350;
		background: rgba(0,0,0,0.8);
		margin: auto;
		padding: 30px 0;
		color: #fff;
		
		box-shadow: 0 0 20px 2px rgba(0,0,0,0.5);
	}
	
	.input-box{
		margin: auto;
		width: 80%;
		border-bottom: 1px solid #fff;
		padding-top: 15px;
		padding-bottom: 15px;
	
	}
	.input-box input{
		width: 80%;
		border: none;
		outline: none;
		background: transparent;
		color: #fff;
	}
	::placeholder{
		color: #ccc;
	}
	.fa{
		margin-right: 10px;
	}
	.eye{
		position: absolute;
		
	}
	#hide1{
		display: none;
	}
	}