@charset "UTF-8";

@font-face
	{font-family: "Plus Jakarta Sans";
	src: url("../../fonts/PlusJakartaSans-ExtraLight.ttf");
	font-weight: 200;
	font-style: normal}

@font-face
	{font-family: "Plus Jakarta Sans";
	src: url("../../fonts/PlusJakartaSans-Light.ttf");
	font-weight: 300;
	font-style: normal}

html
	{font-size: 16px}

body
	{align-items: center;
	background-color: #faf2f9;
	display: flex;
	height: 100vh;
	justify-content: center;
	margin: 0;
	width: 100vw}

form
	{align-items: center;
	background-color: #fff;
	/*border: 1pt solid #ccc;*/
	box-shadow: 0 0 3px #ccc;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 2.5rem}

img
	{width: 10rem}

input[type="text"],
input[type="password"],
button
	{font-family: "Segoe UI", "Plus Jakarta Sans", "Segoe UI", Arial, Verdana, Tahoma, sans-serif;
	font-size: 1rem;
	outline: none;
	padding: 0.5rem 1rem;
	text-align: center}

input[type="text"],
input[type="password"]
	{background-color: #f5f5f5;
	border: 1pt solid #ccc;
	font-weight: 200}

button
	{/*align-self: stretch;*/
	background-color: #5e4d81;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-weight: 300;
	text-transform: uppercase}