#login {





	background: #f6f5f7;





	display: flex;





	justify-content: center;





	align-items: center;





	flex-direction: column;





	/*font-family: 'Montserrat', sans-serif;*/





	min-height: 100vh;





	margin: -20px 0 50px;





	margin-bottom: 0;





}





/*login*/











.form-container {





    display: flex;





    border-radius: 10px;





    overflow: hidden;





    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);*/





	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 





			0 10px 10px rgba(0,0,0,0.22);





	min-height: 80vh;





	margin-top: 50px;





	margin-bottom: 50px;





}





form {





	background-color: #FFFFFF;





	display: flex;





	align-items: center;





	justify-content: center;





	flex-direction: column;





	padding: 50px;





	text-align: center;





}











form h1{





	padding-bottom: 10px;





}





.login-section {





    flex: 1;





    background-color: white;





    padding: 40px;





    position: relative;





	text-align: center;





	display: flex;





    flex-direction: column;





    justify-content: center;





    /*align-content: center;*/





    align-items: center;





}











.registration-section {





    flex: 1;





    background-color: #d33;





    color: white;





    display: flex;





    justify-content: center;





    align-items: center;





    padding: 20px;





    text-align: center;





	flex-direction: column;





}








label {





    display: block;





    margin: 10px 0 5px;





}











input {





    width: 100%;





    padding: 10px;





    margin-bottom: 20px;





    border: 1px solid #ccc;





    border-radius: 5px;





}





.button_form, .signUp {





    background-color: #d33;





    color: white;





    border: none;





    padding: 10px;





    border-radius: 5px;





    cursor: pointer;





    width: 100%;





}





.signUp{





	border: 1px solid white;





}











.signUp:hover{





	border: 1px solid rgb(168, 24, 24);





	color: rgb(168, 24, 24);





	background-color: white;





}











.button_form:hover {





    background-color: rgb(168, 24, 24);





}








.a_form {





    color: black;





    text-decoration: none;





}











.a_form:hover {





    text-decoration: underline;





}





/* Media Query per schermi più stretti */





@media (max-width: 768px) {





    .form-container {





        flex-direction: column;





        height: auto; /* Permette di adattarsi all'altezza del contenuto */





    }





}