@import "colors.css";
@import "fonts.css";

.login-box {
    margin-top: 20px;
    background-color: var(--background_body_color);
	width: 300px;
	margin: 20px auto;
	padding: 40px;
	border: solid 4px var(--panel_button_color);
}

.login-content {
    display: grid;
    grid-template-columns: 120px 180px;
    row-gap: 10px;
}

.login-content input {
	font: var(--input_font);
	margin-bottom: 10px;
}

.login-content .full-row {
	grid-column: 1 / 3;
	display: flex;
	justify-content: center;
}

.button {
	background-color: var(--button_color);
	font: var(--button_font);
	color: var(--button_text_color);
	border-color: var(--border_color);
	box-shadow: 3px 4px var(--shadow);
	cursor: pointer;
}

#login {
	width: 251px;
	margin: auto;
}