.back, .logout
{
	background-color: white;
	border-color: blue;
	border-radius: 40px;
	border-style: solid;
	color: blue;
	float: left;
	font-size: x-large;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	width: auto;
}

.back:visited, .back:link, .logout:visited, .logout:link
{
	color: blue;
	text-decoration: none;
}

.error
{
	color: yellow;
	font-style: italic;
}

.left-align-header
{
	font-size: x-large;
	text-align: left;
}

.left-align-body
{
	font-size: large;
	margin-bottom: 20px;
	text-align: left;
}

.login
{
	background: rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	margin: auto;
	padding: 20px;
	width: 50%;
}

.logout
{
	float:right;
}

.menu-item
{
	background: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
	display: block;
	font-size: x-large;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}

 .menu-item:visited, .menu-item:link
{
	color: black;
	text-decoration: none;
}

a:visited, a:link
{
	color: white;
	text-decoration: none;
}

body
{
	background: blue;
	font-family: "Comic Sans MS";
	color: white;
	padding: 10px;
}

h1, h2, h3
{
	display: block;
	text-align: center;
}

h1
{
	font-size: xxx-large;
}

h2
{
	font-size: xx-large;
}

h3
{
	font-size: x-large;
}

img
{
	height: aut0;
	padding: 10px;
	width: calc(100% - 20px);
}

input, textarea
{
	border-radius: 10px;
	font-family: "Comic Sans MS";
	margin-bottom: 10px;
	max-width: 100%;
	width: 100%;
	padding: 10px;
}

label
{
	font-weight: bold;
	font-size: x-large;
}


