* {
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: linear-gradient(130.89deg, #84C4FF 0%, rgba(54, 50, 255, 0.48) 100%);
	color: white;
}

.auth_form {
	display: flex;
    flex-direction: column;
    align-items: center;
	width: 400px;
    box-shadow: 1px 1px 4px 1px rgb(0 0 0 / 17%);
    padding: 20px;
    border-radius: 5px;
}

h3 {
    margin-bottom: 15px;
}

.form-control {
	margin-bottom: 10px;
}

.border_red {
	border: 2px solid #f15454;
}

.btn {
	width: 100%;
}

form,
input {
	width: 100%;
}

.error_auth {
    display: block;
    background-color: #f15454;
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    color: #e9e9e9;
    transition-duration: .2s;
}