*
{
	font-family: Verdana, Geneva, serif;
}

html
{
	background-color: #FCFCFC;
}

div
{
	text-align: center;
	display: block;
	padding: 4px 4px 4px 4px;
	margin: 2px 2px 2px 2px;
}

input[type=text], input[type=password]
{
	width: 200px;
	padding: 4px 2px;
	margin: 4px;
	box-sizing: border-box;
	font-size: larger;
	outline: none;
	border-radius: 4px;
	border-style: inset;
}

input[type=text]:focus, input[type=password]:focus, 
input[type=text]:hover, input[type=password]:hover, 
input[type=submit]:hover, input[type=file]:hover, label.upload-image:hover
{
	border-color: #000000;
	border-width: 2px;
}
input[type=text]:focus, input[type=password]:focus
{
	border-radius: 10px;
}

input[type=text].long-text
{
	width: 400px;
}

input[type=submit], label.upload-image
{
	box-sizing: border-box;
	font-size: larger;
	outline: none;
	border-radius: 4px;
	border-style: solid;
	border-color: #BBBBBB;
	border-width: 2px;
	background-color: #FAFAFA;
	padding: 4px;
	margin: 4px;
}

input[type=submit]:active, label.upload-image:active
{
	background-color: #EEEEFF;
}

input[type=file]
{
	display: none;
}

input[type=checkbox]
{
	width: 25px;
	height: 25px;
	margin: 2px 10px 2px 10px;
}

div.border-white, div.border-gray
{
	border-style: solid;
	border-radius: 10px;
	border-color: #DDDDDD;
	border-width: 2px;
}

div.border-gray
{
	background-color: #FAFAFA;
}

div.border-white
{
	background-color: #FFFFFF;
}

div.center-element
{
	display: flex;
	justify-content: center;
}

div.color-view
{
	border: 1px solid #000000;
}

div.color-view:hover
{
	background-color: #FFFFFF !important;
}

h2
{
	text-decoration: underline;
	margin: 6px 10px 6px 10px;
}

h4
{
	font-weight: normal;
	width: 60%;
	padding: 0 0 0 0;
	margin: 6px 6px 6px 6px;
}

h5
{
	padding: 0 0 0 0;
	margin: 2px 2px 2px 2px;
}

#main-column-container, div.two-column-container, #extra-security-label, .centered-row
{
	display: flex;
	justify-content: center;
	flex-direction: row;
}

#main-column, div.profile-column, h5
{
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#signin
{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
}

#extra-security
{
	display: none;
}

#profile-image
{
	border: 2px solid #000000;
	padding: 10px;
	border-radius: 100px;
	background-color: #F0F0F0;
}

#profile-username
{
	text-decoration: underline;
}

#header-link
{
	color: #000000;
}