html, 
body {
	height: 100%;
width: 100%;
	overflow: hidden;
    margin:0;
    padding:0;
	top:0;
	left:0;
	right:0;
	bottom:0;
 font-family: sans-serif, roboto, "Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
text-align:center;
background: rgb(178,226,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(178,226,240,1) 0%, rgba(214,220,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,226,240,1)), color-stop(100%,rgba(214,220,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(178,226,240,1) 0%,rgba(214,220,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
}



.flex-container{
  font-family: sans-serif, roboto,"Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
    width: 35%;
    min-height: 300px;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */     
    display: flex; /* Standard syntax */
	position: relative;
		 display: flex;
  	
}

.flex-container .column{
    padding: 10px;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax   background-color: rgb(193,207,225);*/
		  background-color: rgb(207,243,230); 
		  position:center;
	
		  
}

h1{
text-align: center;
font-size:22px;
color:teal;
font-weight: normal;
font-family: sans-serif, roboto,"Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
}

.flex-container .column label {
	  
width:25%;
margin-left: 1px;
text-align: right;
display: inline-block;
font-family: Calibri, Helvetica,sans-serif, roboto,"Open Sans",  "segoe ui", oxygen, ubuntu, Arial;
font-size: 16px;
top: 50px;
}

.flex-container .column input[type=text] {
display: inline-block;
  padding: 0 3px;
  margin: 1px 0;
  border: none;
  border: 1px solid #929CE5;
  width: 45%;
  height: 24px;
  text-align:left;
  margin-left: 10px;
  font-size: 14px;
font-family: sans-serif, roboto,"Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
}

.flex-container .column input[type=password] {
display: inline-block;
  padding: 0 3px;
  margin: 1px 0;
  border: none;
  border: 1px solid #929CE5;
  width: 45%;
  height: 24px;
  text-align:left;
  margin-left: 10px;
  font-size: 14px;
font-family: sans-serif, roboto,"Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
}


.flex-container .column input[type=email] {
font-family: sans-serif, roboto,"Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
display: inline-block;
  padding: 0 3px;
  margin: 1px 0;
  border: none;
  border: 1px solid #929CE5;
  width: 45%;
  height: 24px;
  text-align:left;
  margin-left: 10px;
  font-size: 14px;
}


.flex-container .column select {
font-family: sans-serif, roboto,"Open Sans", Calibri, Helvetica, "segoe ui", oxygen, ubuntu, Arial;
display: inline-block;
  padding: 0 3px;
  margin: 1px 0;
  border: none;
  border: 1px solid #929CE5;
  width: 46.5%;
  height: 24px;
  text-align:left;
  margin-left: 10px;
  font-size: 14px;
  
}


/* CSS  for submit buttons with previous color #10771A  */ 

.btn-action {
  background: RGB(110,234,207);
  border-radius: 139px;
  box-shadow: rgb(200,200,200) 0 5px 2px -5px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  font-family: sans-serif,Calibri,Helvetica,roboto,"Open Sans",  "segoe ui", oxygen, ubuntu, Arial;
   opacity: 1;
  outline: 0 solid transparent;
  padding: 8px 18px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: 120px;
  word-break: break-word;
  border: 0;
 margin-left: 16px;
 display:inline-block;
margin-bottom:6px;
font-size: 16px;
  font-weight: 500;
  line-height: 16px;

  
}

.btn-action:hover
    {
      background-color: yellow;
      
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  top: 50px;
    
}

p {
	padding: 5px;
	margin: 0 0 10px 0;
}

p {text-align: center;
font-size:20px;
}

a {text-align: center;
font-size:16px;
color:blue;
}

a:hover{
	opacity: 0.7; 
        		color:red;
	text-decoration: underline;
	
	
}