html {
	height: 100%;
}
body {
	height:                100%;
    margin:                0;
	background-repeat:     no-repeat;
    background-attachment: fixed;
	background-image:      linear-gradient(CornflowerBlue, SlateBlue);
	color:                 DimGrey;
	font-family:           Georgia, Arial, Verdana, 'Lucida Grande' sans-serif;
	font-size:             16px;
}
h1.heading {
	position:    absolute;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size:   18px;
	width:       80%;
	left:        10%;
	text-align:  center;
}
section {
	position: relative;
}
section.shell {
	top:              10%;
	background-color: LightGrey;
	border-radius:    10px;
	box-shadow:       0 0 5px 1px Black;     
	width:            225px;
	margin-top:       20px;
	margin-left:      auto;
	margin-right:     auto;
	
}
section.flank {
	margin-top:    0px;
	margin-bottom: 0px;
	height:        50px;
}
section.main {
	background-color: White;
	padding:          5%;
}

#response {
	font-size = 18px;
}

fieldset {
	border:  0px;
}

#register {
	position: absolute;
	border:   1px solid black;
	right:    10%;
	top:      25%;
	height:   50%;
	padding:  2px;
}

#random_password {
	position: absolute;
	border:   1px solid black;
	left:     10%;
	top:      25%;
	height:   50%;
	padding:  2px;
}

input:invalid {
  box-shadow: 0 0 5px 1px crimson;
}

input:focus:invalid {
  box-shadow: none;
}