body {
    font-family: 'Inter'; font-weight: 400;
    background: url(../images/back.jpg) no-repeat;
    background-size: cover;
}

a {
	text-decoration: none;
	color: #7e52a1;
	font-family: 'Inter'; font-weight: 700;
    font-weight: bold;
}

p {
	color: black;
	font-family: 'Inter'; font-weight: 700;
    font-weight: bold;
}

/*HEADER*/
	header img {
		margin: 15vh auto 10vh;
		display: block;
		width: 150px;
	}	

/*MAIN*/
	/*FORM*/
	form input, form button {
		display: block;
		margin:auto;
	}

	form input {
		width: 300px;
		margin-bottom:40px;
		padding: 15px;
		border-radius: 10px;
		border: 1.2px solid #8b98a3;
	}

	form button {
	    color: white;
	    margin-top: 10vh;
	    width: 100px;
	    background: #8ca0b3;
	    border: none;
	    border-radius: 20px;
	    padding: 10px;
	    letter-spacing: 1px;
   	}

   	.info {
    	margin: 10vh auto;
	    display: block;
	    width: 390px;
	    text-align: center;
	    line-height: 2;
   	}

	.alert {
		width: 300px;
		margin: 0 auto 25px;
		padding: 12px 15px;
		border-radius: 10px;
		text-align: center;
		font-family: 'Inter'; font-weight: 600;
	}

	.alert--error {
		background: #fdeaea;
		color: #b3261e;
	}

	.alert--success {
		background: #e6f7e9;
		color: #1f7a34;
	}

	.disabled {
		color: #9aa5ac;
		cursor: not-allowed;
		font-family: 'Inter'; font-weight: 700;
	}

/*---------------------------------PARTIE RESPONSIVE----------------------------------*/

/*DIMENSION IPHONE 6 PLUS*/
@media screen and (max-width: 414px) {
	header img {
	    margin: 10vh auto 10vh;
	    display: block;
	    width: 150px;
	}

	form input {
   		width: 70%;
	}

	.info {
	    width: 80%;
    	font-size: 15px;
	}
}

/*DIMENSION IPHONE 6*/
@media screen and (max-width: 360px) {
	
}	

/*DIMENSION IPHONE 5*/
@media screen and (max-width: 320px) {

}