/* Import */

@import url("https://pro.fontawesome.com/releases/v5.15.0/css/all.css");

/* Registration and Login */

* {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

body {
	/*background-image: url("https://background-tiles.com/overview/white/textures/large/5028.png");
	background-repeat: repeat;*/
	background-color: #f8f8f8;
}

/* Main */

.main {
	margin: 32px auto;
	padding: 48px 0;
	max-width: 500px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}

.main-form {
	text-align: center;
}

.form-title {
	font-size: 32px;
}

.form-item {
	position: relative;
	margin: 24px auto;
	padding: 8px 0;
	width: 80%;
	border-bottom: 1px solid #fff;
}

.form-label {
	margin: 0 8px 0 0;
}

.form-input {
	width: 90%;
	color: #fff;
	background: transparent;
	border: none;
	outline: none;
}

.form-input::placeholder {
	color: #ccc;
}

label.form-error {
	color: #ff4757;
}

.form-submit {
	display: block;
	margin: 20px auto;
	padding: 10px 0;
	width: 80%;
	font-size: 16px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	cursor: pointer;
	outline: none;
}

.main-info {
	display: block;
	width: 80%;
	margin: 8px auto;
}

.main-info a {
	color: #f5a623;
}