@import url(./style.css);

/* ====== DARK MODE ====== */
body.dark-mode h1{
	color : white;
	font-family: "Lemon", serif;
	text-align: center;
	font-size: 32px;
	margin-top: 10%;
}

body.dark-mode p{
	margin-top: 6%;
	margin-bottom: 2%;
	color : white;
	font-size: 20px;
	font-family: "Lemon", serif;
}

body.dark-mode .login{
	background-color: black;
	width: 30%;
	margin-left: 35%;
	margin-top: 3%;
	border-radius: 25px;
	border: 2px solid transparent;
	padding: 2%;
}

body.dark-mode .createAccount{
	margin-top: 5%;
	margin-bottom: 5%;
	font-size: 13px;
	text-align: center;
	padding-top: 1%;
	color: white;
	border: 1px solid transparent;
	font-family: "Lemon", serif;
}

body.dark-mode .buttonSudmite{
	background: linear-gradient(90deg, #6100ff 0%, #1b0048 100%);
	font-family: "Lemon", serif;
	border: none;
	color: white;
	padding: 2%;
	border-radius: 25px;
	width: 75%;
	font-size: 20px;
}

/* ====== LIGHT MODE ====== */
body.light-mode h1{
	color : black;
	font-family: "Lemon", serif;
	text-align: center;
	font-size: 32px;
	margin-top: 10%;
}

body.light-mode p{
	margin-top: 6%;
	margin-bottom: 2%;
	color : black;
	font-size: 20px;
	font-family: "Lemon", serif;
}

body.light-mode .login{
	background-color: white;
	width: 30%;
	margin-left: 35%;
	margin-top: 3%;
	border-radius: 25px;
	border: 2px solid black;
	padding: 2%;
}

body.light-mode .createAccount{
	margin-top: 5%;
	margin-bottom: 5%;
	font-size: 13px;
	text-align: center;
	padding-top: 1%;
	color: black;
	font-family: "Lemon", serif;
}

body.light-mode .buttonSudmite{
	background: linear-gradient(180deg, rgba(187,211,249,1) 0%, rgba(199,246,196,1) 100%); 
	font-family: "Lemon", serif;
	border: none;
	color: black;
	padding: 2%;
	border-radius: 25px;
	width: 75%;
	font-size: 20px;
}

body.light-mode .connexion{
	width:90%;
	height: 40px;
	padding-left: 3%;
	margin-left: 1%;
	margin-top: -1%;
	border-radius: 25px;
	border: 1px solid black;
	background-color: #fff1f1;
	font-size: 15px;
}


/* ====== OTHER ====== */
.buttonSudmiteDiv{
	text-align: center;
}


.connexion{
	width:90%;
	height: 40px;
	padding-left: 3%;
	margin-left: 1%;
	margin-top: -1%;
	border-radius: 25px;
	border: none;
	font-size: 15px;
}