*
{ 
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}	 

body
{
Background-color: linear-gradient(to right, #099773,#139C78,#1CA17D,#26A783,#30AC88,#39B18D,#43B692);
position: absolute;
transform: translate(-50%,-50%);
left: 50%;
top: 50%;
}
h1
{
	color: white;
	text-align: center;
	font-size: 40px;
}	
.myDiv 
{
  border: 7px solid white;
  height: 500px;
  width: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to right, #033186,#00AFFD);
}
.ficon
{
	border: 0px solid yellow;
	height: 450px;
	width:  200px;
	color: white;
	display: flex;
  justify-content: center;
  align-items: center;
  font-size: 100px;
}
.fouterbox
{
    border: 0px solid yellow;
	height: 450px;
	width:  800px;     	
    background-color: #F1F1F1;
    border-radius: 220px 0 0 220px;
    display: flex;
  justify-content: flex-end;
  align-items: center;	
}
.fouterbox .main
{
	border: 0px solid black;
	height: 300px;
	width:  650px;
	display: flex;
  justify-content: center;
  align-items: center;
	
}	
.fouterbox .main .left, .right 
{
	border: 0px solid blue;
	height: 300px;
	width:  325px;
}
.fouterbox .main .left input[type='text'], .right input[type='text'], .right select
{
	width: 98%;
	height: 35px;
	margin-bottom: 10px;
	border: 1px solid black;
	border-radius: 5px;
	
}	
.fouterbox .main .left Select
{
	width: 98%;
	height: 35px;
	margin-bottom: 10px;
	border: 1px solid black;
	border-radius: 5px;
	
}	
.fouterbox .main .right textarea
{
	width: 98%;
	height: 80px;
	margin-bottom: 10px;
	border: 1px solid black;
	border-radius: 5px;
}
.fouterbox .main .left input[type='Submit'], .right input[type='Reset']
{
	width: 98%;
	height: 35px;
	margin-bottom: 50px;
	border: 1px solid black;
	border-radius: 5px;
	
}
.Submit
{
	background-color: #196AFF;
	color: white;
	font-size: 17px;
	margin-top: 20px;
	
}
.Reset
{
	background-color: red;
	color: white;
	font-size: 17px;
	margin-top: 15px;
	
}