h1,h2, h3 { font-family: Arial; font-size: 24px; font-style: normal; font-variant: small-caps; font-weight: 400; line-height: 24px; } h3 { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } p { font-family: Arial; font-size: 49px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 49px; } blockquote { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5667px; }
h2 {font-size: 20px;}
h3 {font-size: 18px;}

body {
	background-color: #4d004d;
}

h1 {
	text-align: center;
	color: #fff;
	font-size: 80px;
}

h2 {
	text-align: center;
	color: #fff;
	font-size: 50px;
}

button {
	background:    #4d004d;
	border:        1px solid #840099;
	border-radius: 1000px;
	box-shadow:    0 4px #840099;
	width: 300px;
	height: 50px;
	color:         #ffffff;
	display:       inline-block;
	font:          normal 700 24px/1 "Open Sans", sans-serif;
	text-align:    center;
	text-shadow:   none;
	transition-duration: 0.2s;
}

input {
	background: #ffffff;
	border:        1px solid #840099;
	border-radius: 1000px;
	width: 300px;
	height: 40px;
	color:         #000000;
	display:       inline-block;
	font:          normal 700 20px/1 "Open Sans", sans-serif;
	text-align:    center;
	text-shadow:   none;
	transition-duration: 0.2s;
}

#form {
	text-align: center;
	align: center;
}

button:hover {
	box-shadow:    0 1px #840099;
	transition-duration: 0.2s; 
	cursor: pointer;
}

#titre {
	margin-top: 15%;
}

#login {
	margin-top: 7%;
}

hr {
	width: 50%;
}

#buttons {
	align-content: center;
	text-align: center;
	margin: 20px;
	width: 99%;
}

#error {
	color: #ff0000;
}

.passwordIncorrect {
	border:        1px solid #f00;
}

.passwordCorrect {
	border:        1px solid #0f0;
}

.shown {
	display: all;
}

.hidden {
	display: none;
}