.login-container{
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #43C6AC;
	background: -webkit-linear-gradient(to right, #191654, #43C6AC);
	background: linear-gradient(to right, #191654, #43C6AC);
}

.login-content{
	width: 95%;
	max-width: 320px;
	height: auto;
	border: 1px solid var(--border-color);
	background-color: #000;
	border-radius: 4px;
	padding: 15px;
	color: var(--accent-color);
}

.login-content p{
	color: #fff;
}

.btn-login{
	width: 90%;
	padding: 10px 0;
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	margin-top: 30px;
	background-color: transparent;
	color: #fff;
	border: 1px solid var(--accent-color);
	transition: all .2s ease-out;
}

.btn-login:hover{
	background-color: var(--color-three);
	border: 1px solid var(--color-three);
	text-decoration: none;
	color: #fff;
}

.btn-login:active,
.btn-login:focus{
	outline: none;
}

html[data-theme] .login-content,
body[data-theme] .login-content{
	background-color: #000;
	color: var(--accent-color);
}

html[data-theme] .login-content p,
body[data-theme] .login-content p,
html[data-theme] .login-content .btn-login,
body[data-theme] .login-content .btn-login{
	color: #fff;
}

html[data-theme] .login-content .form-control,
body[data-theme] .login-content .form-control,
html[data-theme] .login-content input[type="text"],
body[data-theme] .login-content input[type="text"],
html[data-theme] .login-content input[type="email"],
body[data-theme] .login-content input[type="email"],
html[data-theme] .login-content input[type="password"],
body[data-theme] .login-content input[type="password"],
html[data-theme] .login-content input[type="number"],
body[data-theme] .login-content input[type="number"]{
	background-color: transparent;
	color: inherit;
	border-color: inherit;
}

html[data-theme] .login-content .form-control:focus,
body[data-theme] .login-content .form-control:focus,
html[data-theme] .login-content .form-control:active,
body[data-theme] .login-content .form-control:active{
	background-color: transparent;
	color: inherit;
}

html[data-theme] .login-content label,
body[data-theme] .login-content label,
html[data-theme] .login-content .form-group label,
body[data-theme] .login-content .form-group label{
	color: inherit;
}