body{
     margin:0;
     padding: 0;
     box-sizing: border-box;
 }
 h2{
     position: relative;
     top:10px;
     display: block;
     text-align: center;
     color:rgb(10,200,100);
     text-decoration: underline;
     margin-bottom: 20px;
 }
.form-container{
    position: relative; 
     top: 20px;
    display:flex; 
    justify-content: center;
    padding: 10px;
    gap: 10px;
    width:85%;
    border: 1px solid #ddd;
    border-radius: 10px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    margin-bottom: 20px; 
    margin-left: 7%;
 }
 
 .form-container input,textarea{
     
   padding: 10px;  
    width:100%; 
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px;
    outline: none;
    transition: all 0.3s ease;
 }
 
.form-container select{
    padding: 10px;  
    width:100%; 
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px;
    outline: none;
    transition: all 0.3s ease;

}

 .form-container label{
     display: inline-block;
    margin-bottom: 7px; 
    font-style: italic;
    font-size: 12px;
     
 }
 .form-container input:focus{
     
 border: 1px solid #4CAF50;
 box-shadow:0 0 4px rgba(75,175,80,0.5);
 }
 
  .form-container textarea:focus{
     
 border: 1px solid #4CAF50;
 box-shadow:0 0 4px rgba(75,175,80,0.5);
 }
 
  .form-container select:focus{
     
 border: 1px solid #4CAF50;
 box-shadow:0 0 4px rgba(75,175,80,0.5);
 }
 
 .form-container button{
  display: block;   
  width:100%;
 text-align: center;    
  padding: 10px;   
  box-sizing: none;
  border: none;
  border-radius: 5px;
  background: #4CAF50;
  color: #fff;
  margin: auto;
  margin-bottom: 10px;
 }
 
 
  footer{
    position: relative;
    top: 80px;
   background:#222;   
   color: #fff;  
    padding: 15px; 
    text-align: center;
    width: 100%;
  }