body
{
	background-color: white;
}

table
{
	margin: 0px auto;
	width: 60%;
	table-layout: fixed;
	text-align: center;
}

th, td
{
	vertical-align: top;
}

a
{
	text-decoration: none;
	color: white;
}

table a
{
    display:block;
    text-decoration:none;
}

.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

#top
{
	background-image: linear-gradient(to right, rgb(142, 196, 98), rgb(39, 58, 96));
	font-family: Verdana, sans-serif;
	color: white;
	margin: 0px auto;
	height: 400px;
}

#card-img
{
	border-radius: 15px;
}

#login
{
	background-color: white;
	color: rgb(65, 65, 65);
	padding: 15px;
	vertical-align: top;
	border-radius: 10px;
}

#field-table
{
	margin: 0px;
	width: 100%;	
}

.field
{
	color: rgb(129, 129, 129);
	padding: 0px;
	border-bottom: 1px solid rgb(129, 129, 129);
	text-align: left;
	width: 100;
}

.button
{
	background-color: rgb(11, 110, 253);
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	width: 25%;
	height: 30px;
	color: white;
	font-weight: bold;
}

.button td:hover
{
	color: black;
}

#right-for-u
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(65, 65, 65);
	letter-spacing: 3px;
	font-weight: lighter;
}

#options
{
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(10, 67, 134);
	font-weight: bold;
}

.icon
{
	width: 50px;
}

#bottom-table
{
	column-gap: 15px;
	border-spacing: 20px;
}

.bottom-cells
{
	border: 1px solid rgb(129, 129, 129);
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 10px;
}